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'];