Skip to content

Commit 5886a0f

Browse files
committed
docs(pipes): add information and statement titles
1 parent ee5fae7 commit 5886a0f

File tree

3 files changed

+8
-4
lines changed

3 files changed

+8
-4
lines changed

docs/src/content/docs/challenges/angular/10-pipe-utility.md

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,8 @@ sidebar:
88
order: 202
99
---
1010

11+
## Information
12+
1113
This is the third of three `@Pipe()` challenges, the goal of this series is to master **pipes** in Angular.
1214

1315
Pipes are a very powerful way to transform data in your template. The difference between calling a function and a pipe is that pure pipes are memoized. So they won't be recalculated every change detection cycle if their inputs haven't changed.
@@ -23,10 +25,10 @@ A **impure** pipe is called every change detection cycle.
2325

2426
There are some useful predefined pipes like the DatePipe, UpperCasePipe and CurrencyPipe. To learn more about pipes in Angular, check the API documentation [here](https://angular.io/guide/pipes).
2527

26-
## Information:
28+
## Statement
2729

2830
In this exercise, you want to access utils functions. Currently you cannot access them directly from your template. The goal is to create a specific pipe for this utils file, where you will need to pass the name of the function you want to call and the needed arguments.
2931

30-
## Constraints:
32+
## Constraints
3133

3234
- Must be strongly typed

docs/src/content/docs/challenges/angular/8-pipe-pure.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ A **impure** pipe is called every change detection cycle.
2424

2525
There are some useful predefined pipes like the DatePipe, UpperCasePipe and CurrencyPipe. To learn more about pipes in Angular, check the API documentation [here](https://angular.io/guide/pipes).
2626

27-
## Information
27+
## Statement
2828

2929
In this exercise, you need to refactor a transform function inside a component, which is called inside your template. The goal is to convert this function to a pipe.
3030

docs/src/content/docs/challenges/angular/9-pipe-wrapFn.md

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,8 @@ sidebar:
99
order: 103
1010
---
1111

12+
## Information
13+
1214
This is the second of three `@Pipe()` challenges, the goal of this series is to master **pipes** in Angular.
1315

1416
Pipes are a very powerful way to transform data in your template. The difference between calling a function and a pipe is that pure pipes are memoized. So they won't be recalculated every change detection cycle if their inputs haven't changed.
@@ -24,7 +26,7 @@ A **impure** pipe is called every change detection cycle.
2426

2527
There are some useful predefined pipes like the DatePipe, UpperCasePipe and CurrencyPipe. To learn more about pipes in Angular, check the API documentation [here](https://angular.io/guide/pipes).
2628

27-
## Information:
29+
## Statement
2830

2931
In this exercise, you are calling multiple functions inside your template. You can create a specific pipe for each of the functions but this will be too cumbersome.
3032
The goal is to create a `wrapFn` pipe to wrap your callback function though a pipe. Your function MUST remain inside your component. **`WrapFn` must be highly reusable.**

0 commit comments

Comments
 (0)