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();
 }