diff --git a/aio/content/start/start-data.md b/aio/content/start/start-data.md index f1cb759896..6e1993c269 100644 --- a/aio/content/start/start-data.md +++ b/aio/content/start/start-data.md @@ -101,10 +101,10 @@ This section walks you through using the cart service to add a product to the ca - +
- The line, `

{{ product.price | currency }}

` uses the `currency` pipe to transform `product.price` from a number to a currency string. A pipe is a way you can transform data in your HTML template. For more information about Angular pipes, see [Pipes](guide/pipes "Pipes"). + The line, `

{{ product.price | currency }}

`, uses the `currency` pipe to transform `product.price` from a number to a currency string. A pipe is a way you can transform data in your HTML template. For more information about Angular pipes, see [Pipes](guide/pipes "Pipes").
diff --git a/aio/content/start/start-routing.md b/aio/content/start/start-routing.md index 7a9afd80bc..0d950644a8 100644 --- a/aio/content/start/start-routing.md +++ b/aio/content/start/start-routing.md @@ -86,6 +86,12 @@ The product details component handles the display of each product. The Angular R +
+ + The line, `

{{ product.price | currency }}

`, uses the `currency` pipe to transform `product.price` from a number to a currency string. A pipe is a way you can transform data in your HTML template. For more information about Angular pipes, see [Pipes](guide/pipes "Pipes"). + +
+ Now, when users click on a name in the product list, the router navigates them to the distinct URL for the product, swaps out the product list component for the product details component, and displays the product details.