diff --git a/static/usage/v7/alert/buttons/angular/example_component_ts.md b/static/usage/v7/alert/buttons/angular/example_component_ts.md
index 20858d60e46..55be132d670 100644
--- a/static/usage/v7/alert/buttons/angular/example_component_ts.md
+++ b/static/usage/v7/alert/buttons/angular/example_component_ts.md
@@ -1,9 +1,13 @@
 ```ts
 import { Component } from '@angular/core';
+import { IonAlert, IonButton } from '@ionic/angular/standalone';
+import type { OverlayEventDetail } from '@ionic/core';
 
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  styleUrls: ['example.component.css'],
+  imports: [IonAlert, IonButton],
 })
 export class ExampleComponent {
   public alertButtons = [
@@ -23,7 +27,8 @@ export class ExampleComponent {
     },
   ];
 
-  setResult(ev) {
+  setResult(event: Event) {
+    const ev = event as CustomEvent<OverlayEventDetail<string>>;
     console.log(`Dismissed with role: ${ev.detail.role}`);
   }
 }
diff --git a/static/usage/v7/alert/customization/angular/example_component_ts.md b/static/usage/v7/alert/customization/angular/example_component_ts.md
index 51552ff9852..ebfd969430e 100644
--- a/static/usage/v7/alert/customization/angular/example_component_ts.md
+++ b/static/usage/v7/alert/customization/angular/example_component_ts.md
@@ -1,9 +1,12 @@
 ```ts
 import { Component } from '@angular/core';
+import { IonAlert, IonButton } from '@ionic/angular/standalone';
 
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  styleUrls: ['example.component.css'],
+  imports: [IonAlert, IonButton],
 })
 export class ExampleComponent {
   public alertButtons = [
diff --git a/static/usage/v7/alert/inputs/radios/angular/example_component_ts.md b/static/usage/v7/alert/inputs/radios/angular/example_component_ts.md
index 34f44b288da..56ca5fedeb4 100644
--- a/static/usage/v7/alert/inputs/radios/angular/example_component_ts.md
+++ b/static/usage/v7/alert/inputs/radios/angular/example_component_ts.md
@@ -1,9 +1,12 @@
 ```ts
 import { Component } from '@angular/core';
+import { IonAlert, IonButton } from '@ionic/angular/standalone';
 
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  styleUrls: ['example.component.css'],
+  imports: [IonAlert, IonButton],
 })
 export class ExampleComponent {
   public alertButtons = ['OK'];
diff --git a/static/usage/v7/alert/inputs/text-inputs/angular/example_component_ts.md b/static/usage/v7/alert/inputs/text-inputs/angular/example_component_ts.md
index 713dc9067fa..ae2c39e6164 100644
--- a/static/usage/v7/alert/inputs/text-inputs/angular/example_component_ts.md
+++ b/static/usage/v7/alert/inputs/text-inputs/angular/example_component_ts.md
@@ -1,9 +1,12 @@
 ```ts
 import { Component } from '@angular/core';
+import { IonAlert, IonButton } from '@ionic/angular/standalone';
 
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  styleUrls: ['example.component.css'],
+  imports: [IonAlert, IonButton],
 })
 export class ExampleComponent {
   public alertButtons = ['OK'];
diff --git a/static/usage/v7/alert/presenting/controller/angular/example_component_ts.md b/static/usage/v7/alert/presenting/controller/angular/example_component_ts.md
index 6fdd69c7f69..baf0999fd30 100644
--- a/static/usage/v7/alert/presenting/controller/angular/example_component_ts.md
+++ b/static/usage/v7/alert/presenting/controller/angular/example_component_ts.md
@@ -1,10 +1,12 @@
 ```ts
 import { Component } from '@angular/core';
-import { AlertController } from '@ionic/angular';
+import { AlertController, IonButton } from '@ionic/angular/standalone';
 
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  styleUrls: ['example.component.css'],
+  imports: [IonButton],
 })
 export class ExampleComponent {
   constructor(private alertController: AlertController) {}
diff --git a/static/usage/v7/alert/presenting/isOpen/angular/example_component_ts.md b/static/usage/v7/alert/presenting/isOpen/angular/example_component_ts.md
index 82d1f17e457..e2f5ccac609 100644
--- a/static/usage/v7/alert/presenting/isOpen/angular/example_component_ts.md
+++ b/static/usage/v7/alert/presenting/isOpen/angular/example_component_ts.md
@@ -1,9 +1,12 @@
 ```ts
 import { Component } from '@angular/core';
+import { IonAlert, IonButton } from '@ionic/angular/standalone';
 
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  styleUrls: ['example.component.css'],
+  imports: [IonAlert, IonButton],
 })
 export class ExampleComponent {
   isAlertOpen = false;
diff --git a/static/usage/v7/alert/presenting/trigger/angular/example_component_ts.md b/static/usage/v7/alert/presenting/trigger/angular/example_component_ts.md
index 9526ebdde8f..7d7adf11d25 100644
--- a/static/usage/v7/alert/presenting/trigger/angular/example_component_ts.md
+++ b/static/usage/v7/alert/presenting/trigger/angular/example_component_ts.md
@@ -1,9 +1,12 @@
 ```ts
 import { Component } from '@angular/core';
+import { IonAlert, IonButton } from '@ionic/angular/standalone';
 
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  styleUrls: ['example.component.css'],
+  imports: [IonAlert, IonButton],
 })
 export class ExampleComponent {
   alertButtons = ['Action'];
diff --git a/static/usage/v8/alert/buttons/angular/example_component_ts.md b/static/usage/v8/alert/buttons/angular/example_component_ts.md
index 20858d60e46..55be132d670 100644
--- a/static/usage/v8/alert/buttons/angular/example_component_ts.md
+++ b/static/usage/v8/alert/buttons/angular/example_component_ts.md
@@ -1,9 +1,13 @@
 ```ts
 import { Component } from '@angular/core';
+import { IonAlert, IonButton } from '@ionic/angular/standalone';
+import type { OverlayEventDetail } from '@ionic/core';
 
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  styleUrls: ['example.component.css'],
+  imports: [IonAlert, IonButton],
 })
 export class ExampleComponent {
   public alertButtons = [
@@ -23,7 +27,8 @@ export class ExampleComponent {
     },
   ];
 
-  setResult(ev) {
+  setResult(event: Event) {
+    const ev = event as CustomEvent<OverlayEventDetail<string>>;
     console.log(`Dismissed with role: ${ev.detail.role}`);
   }
 }
diff --git a/static/usage/v8/alert/customization/angular/example_component_ts.md b/static/usage/v8/alert/customization/angular/example_component_ts.md
index 51552ff9852..ebfd969430e 100644
--- a/static/usage/v8/alert/customization/angular/example_component_ts.md
+++ b/static/usage/v8/alert/customization/angular/example_component_ts.md
@@ -1,9 +1,12 @@
 ```ts
 import { Component } from '@angular/core';
+import { IonAlert, IonButton } from '@ionic/angular/standalone';
 
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  styleUrls: ['example.component.css'],
+  imports: [IonAlert, IonButton],
 })
 export class ExampleComponent {
   public alertButtons = [
diff --git a/static/usage/v8/alert/inputs/radios/angular/example_component_ts.md b/static/usage/v8/alert/inputs/radios/angular/example_component_ts.md
index 34f44b288da..56ca5fedeb4 100644
--- a/static/usage/v8/alert/inputs/radios/angular/example_component_ts.md
+++ b/static/usage/v8/alert/inputs/radios/angular/example_component_ts.md
@@ -1,9 +1,12 @@
 ```ts
 import { Component } from '@angular/core';
+import { IonAlert, IonButton } from '@ionic/angular/standalone';
 
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  styleUrls: ['example.component.css'],
+  imports: [IonAlert, IonButton],
 })
 export class ExampleComponent {
   public alertButtons = ['OK'];
diff --git a/static/usage/v8/alert/inputs/text-inputs/angular/example_component_ts.md b/static/usage/v8/alert/inputs/text-inputs/angular/example_component_ts.md
index 713dc9067fa..ae2c39e6164 100644
--- a/static/usage/v8/alert/inputs/text-inputs/angular/example_component_ts.md
+++ b/static/usage/v8/alert/inputs/text-inputs/angular/example_component_ts.md
@@ -1,9 +1,12 @@
 ```ts
 import { Component } from '@angular/core';
+import { IonAlert, IonButton } from '@ionic/angular/standalone';
 
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  styleUrls: ['example.component.css'],
+  imports: [IonAlert, IonButton],
 })
 export class ExampleComponent {
   public alertButtons = ['OK'];
diff --git a/static/usage/v8/alert/presenting/controller/angular/example_component_ts.md b/static/usage/v8/alert/presenting/controller/angular/example_component_ts.md
index 6fdd69c7f69..baf0999fd30 100644
--- a/static/usage/v8/alert/presenting/controller/angular/example_component_ts.md
+++ b/static/usage/v8/alert/presenting/controller/angular/example_component_ts.md
@@ -1,10 +1,12 @@
 ```ts
 import { Component } from '@angular/core';
-import { AlertController } from '@ionic/angular';
+import { AlertController, IonButton } from '@ionic/angular/standalone';
 
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  styleUrls: ['example.component.css'],
+  imports: [IonButton],
 })
 export class ExampleComponent {
   constructor(private alertController: AlertController) {}
diff --git a/static/usage/v8/alert/presenting/isOpen/angular/example_component_ts.md b/static/usage/v8/alert/presenting/isOpen/angular/example_component_ts.md
index 82d1f17e457..e2f5ccac609 100644
--- a/static/usage/v8/alert/presenting/isOpen/angular/example_component_ts.md
+++ b/static/usage/v8/alert/presenting/isOpen/angular/example_component_ts.md
@@ -1,9 +1,12 @@
 ```ts
 import { Component } from '@angular/core';
+import { IonAlert, IonButton } from '@ionic/angular/standalone';
 
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  styleUrls: ['example.component.css'],
+  imports: [IonAlert, IonButton],
 })
 export class ExampleComponent {
   isAlertOpen = false;
diff --git a/static/usage/v8/alert/presenting/trigger/angular/example_component_ts.md b/static/usage/v8/alert/presenting/trigger/angular/example_component_ts.md
index 9526ebdde8f..7d7adf11d25 100644
--- a/static/usage/v8/alert/presenting/trigger/angular/example_component_ts.md
+++ b/static/usage/v8/alert/presenting/trigger/angular/example_component_ts.md
@@ -1,9 +1,12 @@
 ```ts
 import { Component } from '@angular/core';
+import { IonAlert, IonButton } from '@ionic/angular/standalone';
 
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  styleUrls: ['example.component.css'],
+  imports: [IonAlert, IonButton],
 })
 export class ExampleComponent {
   alertButtons = ['Action'];