docs(toast): update angular to standalone

Author: brandyscarney

static/usage/v7/toast/buttons/angular/example_component_ts.md

@@ -26,8 +26,8 @@ export class ExampleComponent {
     },
   ];
 
-  setRoleMessage(ev) {
-    const { role } = ev.detail;
+  setRoleMessage(event: CustomEvent) {
+    const { role } = event.detail;
     console.log(`Dismissed with role: ${role}`);
   }
 }

static/usage/v7/toast/icon/angular.md

@@ -2,11 +2,23 @@
 import { Component } from '@angular/core';
 import { IonButton, IonToast } from '@ionic/angular/standalone';
 
+import { addIcons } from 'ionicons';
+import { globe } from 'ionicons/icons';
+
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
   styleUrls: ['example.component.css'],
   imports: [IonButton, IonToast],
 })
-export class ExampleComponent {}
+export class ExampleComponent {
+  constructor() {
+    /**
+     * Any icons you want to use in your application
+     * can be registered in app.component.ts and then
+     * referenced by name anywhere in your application.
+     */
+    addIcons({ globe });
+  }
+}
 ```

static/usage/v7/toast/icon/angular/example_component_ts.md

@@ -26,8 +26,8 @@ export class ExampleComponent {
     },
   ];
 
-  setRoleMessage(ev) {
-    const { role } = ev.detail;
+  setRoleMessage(event: CustomEvent) {
+    const { role } = event.detail;
     console.log(`Dismissed with role: ${role}`);
   }
 }

static/usage/v7/toast/inline/basic/angular.md

@@ -2,11 +2,23 @@
 import { Component } from '@angular/core';
 import { IonButton, IonToast } from '@ionic/angular/standalone';
 
+import { addIcons } from 'ionicons';
+import { globe } from 'ionicons/icons';
+
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
   styleUrls: ['example.component.css'],
   imports: [IonButton, IonToast],
 })
-export class ExampleComponent {}
+export class ExampleComponent {
+  constructor() {
+    /**
+     * Any icons you want to use in your application
+     * can be registered in app.component.ts and then
+     * referenced by name anywhere in your application.
+     */
+    addIcons({ globe });
+  }
+}
 ```