docs(tabs): update angular to standalone

static/usage/v7/tabs/router/angular/app_component_html.md

@@ -1,3 +1,5 @@
 ```html
-<ion-router-outlet></ion-router-outlet>
+<ion-app>
+  <ion-router-outlet></ion-router-outlet>
+</ion-app>
 ```

static/usage/v7/tabs/router/angular/app_component_ts.md

@@ -0,0 +1,14 @@
+```ts
+import { Component } from '@angular/core';
+import { IonApp, IonRouterOutlet } from '@ionic/angular/standalone';
+
+@Component({
+  selector: 'app-root',
+  templateUrl: 'app.component.html',
+  styleUrls: ['app.component.css'],
+  imports: [IonApp, IonRouterOutlet],
+})
+export class AppComponent {
+  constructor() {}
+}
+```

static/usage/v7/tabs/router/angular/app_routes_ts.md

@@ -0,0 +1,39 @@
+```ts
+import { Routes } from '@angular/router';
+import { ExampleComponent } from './example.component';
+
+export const routes: Routes = [
+  {
+    path: 'example',
+    component: ExampleComponent,
+    children: [
+      {
+        path: 'home',
+        loadComponent: () => import('./home/home-page.component').then((m) => m.HomePageComponent),
+      },
+      {
+        path: 'library',
+        loadComponent: () => import('./library/library-page.component').then((m) => m.LibraryPageComponent),
+      },
+      {
+        path: 'radio',
+        loadComponent: () => import('./radio/radio-page.component').then((m) => m.RadioPageComponent),
+      },
+      {
+        path: 'search',
+        loadComponent: () => import('./search/search-page.component').then((m) => m.SearchPageComponent),
+      },
+      {
+        path: '',
+        redirectTo: '/example/home',
+        pathMatch: 'full',
+      },
+    ],
+  },
+  {
+    path: '',
+    redirectTo: '/example/home',
+    pathMatch: 'full',
+  },
+];
+```

static/usage/v7/tabs/router/angular/example_component_ts.md

@@ -1,5 +1,6 @@
 ```ts
 import { Component } from '@angular/core';
+import { IonIcon, IonTabBar, IonTabButton, IonTabs } from '@ionic/angular/standalone';
 
 import { addIcons } from 'ionicons';
 import { library, playCircle, radio, search } from 'ionicons/icons';
@@ -8,6 +9,7 @@ import { library, playCircle, radio, search } from 'ionicons/icons';
   selector: 'app-example',
   templateUrl: 'example.component.html',
   styleUrls: ['example.component.css'],
+  imports: [IonIcon, IonTabBar, IonTabButton, IonTabs],
 })
 export class ExampleComponent {
   constructor() {

static/usage/v7/tabs/router/angular/home_page_component_ts.md

@@ -1,9 +1,11 @@
 ```ts
 import { Component } from '@angular/core';
+import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/angular/standalone';
 
 @Component({
   selector: 'app-home-page',
   templateUrl: './home-page.component.html',
+  imports: [IonContent, IonHeader, IonTitle, IonToolbar],
 })
 export class HomePageComponent {}
 ```

static/usage/v7/tabs/router/angular/library_page_component_ts.md

@@ -1,9 +1,11 @@
 ```ts
 import { Component } from '@angular/core';
+import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/angular/standalone';
 
 @Component({
   selector: 'app-library-page',
   templateUrl: './library-page.component.html',
+  imports: [IonContent, IonHeader, IonTitle, IonToolbar],
 })
 export class LibraryPageComponent {}
 ```

static/usage/v7/tabs/router/angular/radio_page_component_ts.md

@@ -1,9 +1,11 @@
 ```ts
 import { Component } from '@angular/core';
+import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/angular/standalone';
 
 @Component({
   selector: 'app-radio-page',
   templateUrl: './radio-page.component.html',
+  imports: [IonContent, IonHeader, IonTitle, IonToolbar],
 })
 export class RadioPageComponent {}
 ```

static/usage/v7/tabs/router/angular/search_page_component_ts.md

@@ -1,9 +1,11 @@
 ```ts
 import { Component } from '@angular/core';
+import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/angular/standalone';
 
 @Component({
   selector: 'app-search-page',
   templateUrl: './search-page.component.html',
+  imports: [IonContent, IonHeader, IonTitle, IonToolbar],
 })
 export class SearchPageComponent {}
 ```

static/usage/v7/tabs/router/index.md

@@ -3,26 +3,22 @@ import Playground from '@site/src/components/global/Playground';
 import javascript_index_html from './javascript/index_html.md';
 import javascript_index_ts from './javascript/index_ts.md';
 
+import angular_app_routes_ts from './angular/app_routes_ts.md';
 import angular_app_component_html from './angular/app_component_html.md';
-import angular_app_module_ts from './angular/app_module_ts.md';
-import angular_app_routing_module_ts from './angular/app_routing_module_ts.md';
+import angular_app_component_ts from './angular/app_component_ts.md';
 
 import angular_example_component_html from './angular/example_component_html.md';
 import angular_example_component_ts from './angular/example_component_ts.md';
 
-import angular_home_page_module_ts from './angular/home_page_module_ts.md';
 import angular_home_page_component_ts from './angular/home_page_component_ts.md';
 import angular_home_page_component_html from './angular/home_page_component_html.md';
 
-import angular_library_page_module_ts from './angular/library_page_module_ts.md';
 import angular_library_page_component_ts from './angular/library_page_component_ts.md';
 import angular_library_page_component_html from './angular/library_page_component_html.md';
 
-import angular_radio_page_module_ts from './angular/radio_page_module_ts.md';
 import angular_radio_page_component_ts from './angular/radio_page_component_ts.md';
 import angular_radio_page_component_html from './angular/radio_page_component_html.md';
 
-import angular_search_page_module_ts from './angular/search_page_module_ts.md';
 import angular_search_page_component_ts from './angular/search_page_component_ts.md';
 import angular_search_page_component_html from './angular/search_page_component_html.md';
 
@@ -54,24 +50,20 @@ import react_search_page_tsx from './react/search_page_tsx.md';
     },
     angular: {
       files: {
+        'src/global.css': angular_global_css,
+        'src/app/app.routes.ts': angular_app_routes_ts,
+        'src/app/app.component.html': angular_app_component_html,
+        'src/app/app.component.ts': angular_app_component_ts,
         'src/app/example.component.html': angular_example_component_html,
         'src/app/example.component.ts': angular_example_component_ts,
         'src/app/home/home-page.component.ts': angular_home_page_component_ts,
         'src/app/home/home-page.component.html': angular_home_page_component_html,
-        'src/global.css': angular_global_css,
-        'src/app/home/home-page.module.ts': angular_home_page_module_ts,
         'src/app/library/library-page.component.ts': angular_library_page_component_ts,
         'src/app/library/library-page.component.html': angular_library_page_component_html,
-        'src/app/library/library-page.module.ts': angular_library_page_module_ts,
         'src/app/radio/radio-page.component.ts': angular_radio_page_component_ts,
         'src/app/radio/radio-page.component.html': angular_radio_page_component_html,
-        'src/app/radio/radio-page.module.ts': angular_radio_page_module_ts,
         'src/app/search/search-page.component.ts': angular_search_page_component_ts,
         'src/app/search/search-page.component.html': angular_search_page_component_html,
-        'src/app/search/search-page.module.ts': angular_search_page_module_ts,
-        'src/app/app.module.ts': angular_app_module_ts,
-        'src/app/app.component.html': angular_app_component_html,
-        'src/app/app-routing.module.ts': angular_app_routing_module_ts,
       },
     },
     vue: {

static/usage/v8/tabs/basic/angular/example_component_ts.md

@@ -1,5 +1,16 @@
 ```ts
 import { Component } from '@angular/core';
+import {
+  IonContent,
+  IonHeader,
+  IonIcon,
+  IonTab,
+  IonTabBar,
+  IonTabButton,
+  IonTabs,
+  IonTitle,
+  IonToolbar,
+} from '@ionic/angular/standalone';
 
 import { addIcons } from 'ionicons';
 import { library, playCircle, radio, search } from 'ionicons/icons';
@@ -8,6 +19,7 @@ import { library, playCircle, radio, search } from 'ionicons/icons';
   selector: 'app-example',
   templateUrl: 'example.component.html',
   styleUrls: ['example.component.css'],
+  imports: [IonContent, IonHeader, IonIcon, IonTab, IonTabBar, IonTabButton, IonTabs, IonTitle, IonToolbar],
 })
 export class ExampleComponent {
   constructor() {

static/usage/v8/tabs/router/angular/app_component_html.md

@@ -1,3 +1,5 @@
 ```html
-<ion-router-outlet></ion-router-outlet>
+<ion-app>
+  <ion-router-outlet></ion-router-outlet>
+</ion-app>
 ```

static/usage/v8/tabs/router/angular/app_component_ts.md

@@ -0,0 +1,14 @@
+```ts
+import { Component } from '@angular/core';
+import { IonApp, IonRouterOutlet } from '@ionic/angular/standalone';
+
+@Component({
+  selector: 'app-root',
+  templateUrl: 'app.component.html',
+  styleUrls: ['app.component.css'],
+  imports: [IonApp, IonRouterOutlet],
+})
+export class AppComponent {
+  constructor() {}
+}
+```