docs: getting started guide use pipe before introduction (#36584)

In "Getting started" guide pipes are not intoduced anywhere but are used in the guide.
Added refrence to pipes for better consistency in the tutorial.

Fixes #36375

PR Close #36584
This commit is contained in:
ajitsinghkaler 2020-04-15 07:45:48 +05:30 committed by Matias Niemelä
parent 8be0972836
commit 1fa1dd5aaa
1 changed files with 6 additions and 0 deletions

View File

@ -102,6 +102,12 @@ This section walks you through using the cart service to add a product to the ca
<code-example header="src/app/product-details/product-details.component.html" path="getting-started/src/app/product-details/product-details.component.html">
</code-example>
<div class="alert is-helpful">
The line, `<h4>{{ product.price | currency }}</h4>` 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").
</div>
1. To see the new "Buy" button, refresh the application and click on a product's name to display its details.
<div class="lightbox">