From 571a0e27f11b62b53e23f63957a782f370eb1d1b Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Thu, 13 Oct 2022 17:48:32 +1100
Subject: [PATCH] Fix null valued props

---
 .../attribute-selector.component.ts                       | 4 ++--
 .../class-selector.component.ts                           | 4 ++--
 .../multiple-selector.component.ts                        | 8 ++++----
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/attribute-selector.component.ts b/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/attribute-selector.component.ts
index fca8a0711fc..aa7aa62298c 100644
--- a/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/attribute-selector.component.ts
+++ b/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/attribute-selector.component.ts
@@ -7,9 +7,9 @@ import { Component, ComponentFactoryResolver, ElementRef } from '@angular/core';
     Generated template: {{ generatedTemplate }}`,
 })
 export class AttributeSelectorComponent {
-  generatedTemplate = '';
+  generatedTemplate!: string;
 
-  selectors = '';
+  selectors!: string;
 
   constructor(public el: ElementRef, private resolver: ComponentFactoryResolver) {
     const factory = this.resolver.resolveComponentFactory(AttributeSelectorComponent);
diff --git a/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/class-selector.component.ts b/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/class-selector.component.ts
index 7d62a37ef39..cc58394ecff 100644
--- a/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/class-selector.component.ts
+++ b/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/class-selector.component.ts
@@ -7,9 +7,9 @@ import { Component, ComponentFactoryResolver, ElementRef } from '@angular/core';
     Generated template: {{ generatedTemplate }}`,
 })
 export class ClassSelectorComponent {
-  generatedTemplate = '';
+  generatedTemplate!: string;
 
-  selectors = '';
+  selectors!: string;
 
   constructor(public el: ElementRef, private resolver: ComponentFactoryResolver) {
     const factory = this.resolver.resolveComponentFactory(ClassSelectorComponent);
diff --git a/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/multiple-selector.component.ts b/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/multiple-selector.component.ts
index bc50cfe83c4..d930e6b26a7 100644
--- a/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/multiple-selector.component.ts
+++ b/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/multiple-selector.component.ts
@@ -7,9 +7,9 @@ import { Component, ComponentFactoryResolver, ElementRef } from '@angular/core';
     Generated template: {{ generatedTemplate }}`,
 })
 export class MultipleSelectorComponent {
-  generatedTemplate = '';
+  generatedTemplate!: string;
 
-  selectors = '';
+  selectors!: string;
 
   constructor(public el: ElementRef, private resolver: ComponentFactoryResolver) {
     const factory = this.resolver.resolveComponentFactory(MultipleClassSelectorComponent);
@@ -25,9 +25,9 @@ export class MultipleSelectorComponent {
     Generated template: {{ generatedTemplate }}`,
 })
 export class MultipleClassSelectorComponent {
-  generatedTemplate = '';
+  generatedTemplate!: string;
 
-  selectors = '';
+  selectors!: string;
 
   constructor(public el: ElementRef, private resolver: ComponentFactoryResolver) {
     const factory = this.resolver.resolveComponentFactory(MultipleClassSelectorComponent);