From 1fa1dd5aaa019decf70f991312cfea4cb8912ced Mon Sep 17 00:00:00 2001
From: ajitsinghkaler <ajitsinghkaler0@gmail.com>
Date: Wed, 15 Apr 2020 07:45:48 +0530
Subject: [PATCH] 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
---
 aio/content/start/start-data.md | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/aio/content/start/start-data.md b/aio/content/start/start-data.md
index 2b89ae94db..a8f5393659 100644
--- a/aio/content/start/start-data.md
+++ b/aio/content/start/start-data.md
@@ -101,6 +101,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.