From c820066d98eed51e5949ee343907fa0c4346e468 Mon Sep 17 00:00:00 2001
From: George Kalpakas <kalpakas.g@gmail.com>
Date: Wed, 19 May 2021 22:40:17 +0300
Subject: [PATCH] docs: align code in `product-example.component.*.ts` files
 (#42155)

This commit aligns the code in `product-alerts.component.ts` with
[product-alerts.component.1.ts][1], since both files are supposed to
represent the same component in different points in time. It also makes
the necessary changes in the respective templates.

This is a follow-up to #41999.

[1]: https://github.com/angular/angular/blob/e86a1d3441b30776e28c0216f00610d6787de297/aio/content/examples/getting-started/src/app/product-alerts/product-alerts.component.1.ts#L18

PR Close #42155
---
 .../src/app/product-alerts/product-alerts.component.1.html      | 2 +-
 .../src/app/product-alerts/product-alerts.component.html        | 2 +-
 .../src/app/product-alerts/product-alerts.component.ts          | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/aio/content/examples/getting-started/src/app/product-alerts/product-alerts.component.1.html b/aio/content/examples/getting-started/src/app/product-alerts/product-alerts.component.1.html
index 7ed54e8511..3ff67bb1b2 100644
--- a/aio/content/examples/getting-started/src/app/product-alerts/product-alerts.component.1.html
+++ b/aio/content/examples/getting-started/src/app/product-alerts/product-alerts.component.1.html
@@ -1,3 +1,3 @@
-<p *ngIf="product.price > 700">
+<p *ngIf="product && product.price > 700">
   <button>Notify Me</button>
 </p>
diff --git a/aio/content/examples/getting-started/src/app/product-alerts/product-alerts.component.html b/aio/content/examples/getting-started/src/app/product-alerts/product-alerts.component.html
index bcf6553d99..d6e087b834 100644
--- a/aio/content/examples/getting-started/src/app/product-alerts/product-alerts.component.html
+++ b/aio/content/examples/getting-started/src/app/product-alerts/product-alerts.component.html
@@ -1,3 +1,3 @@
-<p *ngIf="product.price > 700">
+<p *ngIf="product && product.price > 700">
   <button (click)="notify.emit()">Notify Me</button>
 </p>
diff --git a/aio/content/examples/getting-started/src/app/product-alerts/product-alerts.component.ts b/aio/content/examples/getting-started/src/app/product-alerts/product-alerts.component.ts
index f8144cf057..ad64df66ae 100644
--- a/aio/content/examples/getting-started/src/app/product-alerts/product-alerts.component.ts
+++ b/aio/content/examples/getting-started/src/app/product-alerts/product-alerts.component.ts
@@ -13,6 +13,6 @@ import { Product } from '../products';
 })
 // #docregion input-output
 export class ProductAlertsComponent {
-  @Input() product!: Product;
+  @Input() product: Product|undefined;
   @Output() notify = new EventEmitter();
 }