docs(tabs): update angular to standalone (#3967)

Author: brandyscarney

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_module_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/app_routes_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/app_routing_module_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/example_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 {}
 ```