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