From 06f80024170337bccac9c204544e98fff074a3df Mon Sep 17 00:00:00 2001 From: Ward Bell Date: Mon, 6 Jun 2016 18:10:37 -0400 Subject: [PATCH 1/2] docs(pipes): minor text updates closes #1611 --- public/docs/ts/latest/guide/pipes.jade | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/public/docs/ts/latest/guide/pipes.jade b/public/docs/ts/latest/guide/pipes.jade index 1f453d0a29..e92b94ae58 100644 --- a/public/docs/ts/latest/guide/pipes.jade +++ b/public/docs/ts/latest/guide/pipes.jade @@ -16,7 +16,7 @@ block includes We almost think of them as styles. In fact, we'd like to apply them in our HTML templates as we do styles. p. - Welcome, Angular pipes, the simple display-value transformations that we can declare in our HTML! + Introducing Angular pipes, a way to write display-value transformations that we can declare in our HTML! Try the #[+liveExampleLink2()]. .l-main-section @@ -25,7 +25,7 @@ p. A pipe takes in data as input and transforms it to a desired output. We'll illustrate by transforming a component's birthday property into - a human-friendly date: + a human-friendly date. +makeExample('pipes/ts/app/hero-birthday1.component.ts', null, 'app/hero-birthday1.component.ts')(format='.') @@ -62,7 +62,7 @@ p. (e.g., `currency:'EUR'`). If our pipe accepts multiple parameters, we separate the values with colons (e.g. `slice:1:5`) We'll modify our birthday template to give the date pipe a format parameter. - After formatting the hero's April 15th birthday, it should render as **04/15/88**. + After formatting the hero's April 15th birthday, it should render as **04/15/88**: +makeExample('pipes/ts/app/app.component.html', 'format-birthday')(format=".") @@ -103,7 +103,7 @@ figure.image-display We can chain pipes together in potentially useful combinations. In the following example, we chain the birthday to the `DatePipe` and on to the `UpperCasePipe` so we can display the birthday in uppercase. The following birthday displays as - **APR 15, 1988** + **APR 15, 1988**. +makeExample('pipes/ts/app/app.component.html', 'chained-birthday')(format=".") @@ -123,7 +123,7 @@ figure.image-display +makeExample('pipes/ts/app/exponential-strength.pipe.ts', null, 'app/exponential-strength.pipe.ts')(format=".") :marked - This pipe definition reveals several key points + This pipe definition reveals several key points: * A pipe is a class decorated with pipe metadata. From f7cf6fde9f3efc4490faf59d34c52902ce753d95 Mon Sep 17 00:00:00 2001 From: jevonearth Date: Sat, 4 Jun 2016 13:09:43 -0700 Subject: [PATCH 2/2] docs(toh-6): Fix typo in 'Add/Delete in the HeroesComponent' section. closes #1603 --- public/docs/ts/latest/tutorial/toh-pt6.jade | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/public/docs/ts/latest/tutorial/toh-pt6.jade b/public/docs/ts/latest/tutorial/toh-pt6.jade index 47f8ab7415..06f07ade49 100644 --- a/public/docs/ts/latest/tutorial/toh-pt6.jade +++ b/public/docs/ts/latest/tutorial/toh-pt6.jade @@ -289,7 +289,7 @@ figure.image-display +makeExample('toh-6/ts/app/heroes.component.ts', 'add', 'app/heroes.component.ts (add)')(format=".") :marked The `HeroDetailComponent` does most of the work. All we do is toggle an `*ngIf` flag that - swaps it into the DOM when were add a hero and remove it from the DOM when the user is done. + swaps it into the DOM when we add a hero and removes it from the DOM when the user is done. The *delete* logic is a bit trickier. +makeExample('toh-6/ts/app/heroes.component.ts', 'delete', 'app/heroes.component.ts (delete)')(format=".")