From c8252e974bfefd022ef2660f45aa604d58cce91a Mon Sep 17 00:00:00 2001
From: ajitsinghkaler <ajitsinghkaler0@gmail.com>
Date: Wed, 15 Apr 2020 07:45:48 +0530
Subject: [PATCH 1/2] docs: getting started guide use pipe before introduction

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
---
 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 2b89ae94db15c..422172dd9e7f5 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 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.
 

From e6783392847f19063539b5744232dfbf080d5b9d Mon Sep 17 00:00:00 2001
From: Ajit Singh <ajitsinghkaler0@gmail.com>
Date: Wed, 15 Apr 2020 21:06:52 +0530
Subject: [PATCH 2/2] fixup! docs: getting started guide use pipe before
 introduction

Co-Authored-By: David Shevitz <dshevitz@google.com>
---
 aio/content/start/start-data.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/aio/content/start/start-data.md b/aio/content/start/start-data.md
index 422172dd9e7f5..a8f5393659c5b 100644
--- a/aio/content/start/start-data.md
+++ b/aio/content/start/start-data.md
@@ -104,7 +104,7 @@ This section walks you through using the cart service to add a product to the ca
     
     <div class="alert is-helpful">
 
-    The line, `<h4>{{ product.price | currency }}</h4>` uses the `currency` pipe to transform `product.price` from 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, `<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>