@@ -16,7 +16,7 @@ block includes
1616 We almost think of them as styles.
1717 In fact, we'd like to apply them in our HTML templates as we do styles.
1818p.
19- Welcome, Angular pipes, the simple display-value transformations that we can declare in our HTML!
19+ Introducing Angular pipes, a way to write display-value transformations that we can declare in our HTML!
2020 Try the #[ + liveExampleLink2()] .
2121
2222.l-main-section
2525
2626 A pipe takes in data as input and transforms it to a desired output.
2727 We'll illustrate by transforming a component's birthday property into
28- a human-friendly date:
28+ a human-friendly date.
2929
3030+ makeExample('pipes/ts/app/hero-birthday1.component.ts' , null , 'app/hero-birthday1.component.ts' )( format ='.' )
3131
6262 (e.g., `currency:'EUR'`). If our pipe accepts multiple parameters, we separate the values with colons (e.g. `slice:1:5`)
6363
6464 We'll modify our birthday template to give the date pipe a format parameter.
65- After formatting the hero's April 15th birthday, it should render as **<samp>04/15/88</samp>**.
65+ After formatting the hero's April 15th birthday, it should render as **<samp>04/15/88</samp>**:
6666
6767+ makeExample('pipes/ts/app/app.component.html' , 'format-birthday' )( format ="." )
6868
@@ -103,7 +103,7 @@ figure.image-display
103103 We can chain pipes together in potentially useful combinations.
104104 In the following example, we chain the birthday to the `DatePipe` and on to the `UpperCasePipe`
105105 so we can display the birthday in uppercase. The following birthday displays as
106- **<samp>APR 15, 1988</samp>**
106+ **<samp>APR 15, 1988</samp>**.
107107
108108+ makeExample('pipes/ts/app/app.component.html' , 'chained-birthday' )( format ="." )
109109
@@ -123,7 +123,7 @@ figure.image-display
123123+ makeExample('pipes/ts/app/exponential-strength.pipe.ts' , null , 'app/exponential-strength.pipe.ts' )( format ="." )
124124
125125:marked
126- This pipe definition reveals several key points
126+ This pipe definition reveals several key points:
127127
128128 * A pipe is a class decorated with pipe metadata.
129129
0 commit comments