docs(angular): update tabs router example to use tab props

Author: brandyscarney

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

@@ -0,0 +1,5 @@
+```html
+<ion-app>
+  <ion-router-outlet [environmentInjector]="environmentInjector"></ion-router-outlet>
+</ion-app>
+```

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

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

static/usage/v6/tabs/router/angular/example_component_html.md

@@ -1,20 +1,19 @@
 ```html
-<router-outlet></router-outlet>
-<ion-tabs>
+<ion-tabs [environmentInjector]="environmentInjector">
   <ion-tab-bar slot="bottom">
-    <ion-tab-button routerLink="home" routerLinkActive="tab-selected">
+    <ion-tab-button tab="home">
       <ion-icon name="play-circle"></ion-icon>
       Listen Now
     </ion-tab-button>
-    <ion-tab-button routerLink="radio" routerLinkActive="tab-selected">
+    <ion-tab-button tab="radio">
       <ion-icon name="radio"></ion-icon>
       Radio
     </ion-tab-button>
-    <ion-tab-button routerLink="library" routerLinkActive="tab-selected">
+    <ion-tab-button tab="library">
       <ion-icon name="library"></ion-icon>
       Library
     </ion-tab-button>
-    <ion-tab-button routerLink="search" routerLinkActive="tab-selected">
+    <ion-tab-button tab="search">
       <ion-icon name="search"></ion-icon>
       Search
     </ion-tab-button>

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

@@ -1,5 +1,5 @@
 ```ts
-import { Component } from '@angular/core';
+import { Component, EnvironmentInjector } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { RouterModule } from '@angular/router';
 import { IonicModule } from '@ionic/angular';
@@ -13,7 +13,7 @@ import { playCircle, library, radio, search } from 'ionicons/icons';
   standalone: true,
 })
 export class ExampleComponent {
-  constructor() {
+  constructor(public environmentInjector: EnvironmentInjector) {
     /**
      * Any icons you want to use in your application
      * can be registered in app.component.ts and then

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

@@ -3,6 +3,9 @@ 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_component_html from './angular/app_component_html.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';
 
@@ -18,7 +21,7 @@ import angular_radio_page_component_html from './angular/radio_page_component_ht
 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';
 
-import app_routes_ts from './angular/app_routes_ts.md';
+import angular_app_routes_ts from './angular/app_routes_ts.md';
 import angular_global_css from './angular/global_css.md';
 
 import vue_app_vue from './vue/app_vue.md';
@@ -49,7 +52,6 @@ import react_search_page_tsx from './react/search_page_tsx.md';
       files: {
         'src/app/example.component.html': angular_example_component_html,
         'src/app/example.component.ts': angular_example_component_ts,
-        'src/app/app.routes.ts': app_routes_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,
@@ -59,6 +61,9 @@ import react_search_page_tsx from './react/search_page_tsx.md';
         'src/app/radio/radio-page.component.html': angular_radio_page_component_html,
         '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/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,
       },
     },
     vue: {