diff --git a/static/usage/v7/tabs/router/angular/app_component_html.md b/static/usage/v7/tabs/router/angular/app_component_html.md
index 7636539f28a..3b819dc640d 100644
--- a/static/usage/v7/tabs/router/angular/app_component_html.md
+++ b/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>
 ```
diff --git a/static/usage/v7/tabs/router/angular/app_component_ts.md b/static/usage/v7/tabs/router/angular/app_component_ts.md
new file mode 100644
index 00000000000..69438d5bb07
--- /dev/null
+++ b/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() {}
+}
+```
diff --git a/static/usage/v7/tabs/router/angular/app_module_ts.md b/static/usage/v7/tabs/router/angular/app_module_ts.md
deleted file mode 100644
index e36b8c6316e..00000000000
--- a/static/usage/v7/tabs/router/angular/app_module_ts.md
+++ /dev/null
@@ -1,19 +0,0 @@
-```ts
-import { NgModule } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { BrowserModule } from '@angular/platform-browser';
-
-import { IonicModule } from '@ionic/angular';
-
-import { AppComponent } from './app.component';
-import { ExampleComponent } from './example.component';
-
-import { AppRoutingModule } from './app-routing.module';
-
-@NgModule({
-  imports: [BrowserModule, FormsModule, AppRoutingModule, IonicModule.forRoot({})],
-  declarations: [AppComponent, ExampleComponent],
-  bootstrap: [AppComponent],
-})
-export class AppModule {}
-```
diff --git a/static/usage/v7/tabs/router/angular/app_routes_ts.md b/static/usage/v7/tabs/router/angular/app_routes_ts.md
new file mode 100644
index 00000000000..fd959555b28
--- /dev/null
+++ b/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',
+  },
+];
+```
diff --git a/static/usage/v7/tabs/router/angular/app_routing_module_ts.md b/static/usage/v7/tabs/router/angular/app_routing_module_ts.md
deleted file mode 100644
index 7ff1067030f..00000000000
--- a/static/usage/v7/tabs/router/angular/app_routing_module_ts.md
+++ /dev/null
@@ -1,42 +0,0 @@
-```ts
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-
-import { ExampleComponent } from './example.component';
-
-@NgModule({
-  imports: [
-    RouterModule.forRoot([
-      {
-        path: '',
-        component: ExampleComponent,
-        children: [
-          {
-            path: '',
-            pathMatch: 'full',
-            redirectTo: 'home',
-          },
-          {
-            path: 'home',
-            loadChildren: () => import('./home/home-page.module').then((m) => m.HomePageModule),
-          },
-          {
-            path: 'radio',
-            loadChildren: () => import('./radio/radio-page.module').then((m) => m.RadioPageModule),
-          },
-          {
-            path: 'library',
-            loadChildren: () => import('./library/library-page.module').then((m) => m.LibraryPageModule),
-          },
-          {
-            path: 'search',
-            loadChildren: () => import('./search/search-page.module').then((m) => m.SearchPageModule),
-          },
-        ],
-      },
-    ]),
-  ],
-  exports: [RouterModule],
-})
-export class AppRoutingModule {}
-```
diff --git a/static/usage/v7/tabs/router/angular/example_component_ts.md b/static/usage/v7/tabs/router/angular/example_component_ts.md
index 7762322ce9d..84c7d490b48 100644
--- a/static/usage/v7/tabs/router/angular/example_component_ts.md
+++ b/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() {
diff --git a/static/usage/v7/tabs/router/angular/home_page_component_ts.md b/static/usage/v7/tabs/router/angular/home_page_component_ts.md
index 9e2ef0a3e8c..7d3d3446815 100644
--- a/static/usage/v7/tabs/router/angular/home_page_component_ts.md
+++ b/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 {}
 ```
diff --git a/static/usage/v7/tabs/router/angular/home_page_module_ts.md b/static/usage/v7/tabs/router/angular/home_page_module_ts.md
deleted file mode 100644
index 2a1fb15b460..00000000000
--- a/static/usage/v7/tabs/router/angular/home_page_module_ts.md
+++ /dev/null
@@ -1,14 +0,0 @@
-```ts
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { HomePageComponent } from './home-page.component';
-
-import { IonicModule } from '@ionic/angular';
-
-@NgModule({
-  imports: [IonicModule, RouterModule.forChild([{ path: '', component: HomePageComponent }])],
-  declarations: [HomePageComponent],
-  exports: [HomePageComponent],
-})
-export class HomePageModule {}
-```
diff --git a/static/usage/v7/tabs/router/angular/library_page_component_ts.md b/static/usage/v7/tabs/router/angular/library_page_component_ts.md
index f5a92a4868a..072cd0a779f 100644
--- a/static/usage/v7/tabs/router/angular/library_page_component_ts.md
+++ b/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 {}
 ```
diff --git a/static/usage/v7/tabs/router/angular/library_page_module_ts.md b/static/usage/v7/tabs/router/angular/library_page_module_ts.md
deleted file mode 100644
index 8e2ab48cf39..00000000000
--- a/static/usage/v7/tabs/router/angular/library_page_module_ts.md
+++ /dev/null
@@ -1,14 +0,0 @@
-```ts
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { IonicModule } from '@ionic/angular';
-
-import { LibraryPageComponent } from './library-page.component';
-
-@NgModule({
-  imports: [IonicModule, RouterModule.forChild([{ path: '', component: LibraryPageComponent }])],
-  declarations: [LibraryPageComponent],
-  exports: [LibraryPageComponent],
-})
-export class LibraryPageModule {}
-```
diff --git a/static/usage/v7/tabs/router/angular/radio_page_component_ts.md b/static/usage/v7/tabs/router/angular/radio_page_component_ts.md
index d29209c00dd..63273c02807 100644
--- a/static/usage/v7/tabs/router/angular/radio_page_component_ts.md
+++ b/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 {}
 ```
diff --git a/static/usage/v7/tabs/router/angular/radio_page_module_ts.md b/static/usage/v7/tabs/router/angular/radio_page_module_ts.md
deleted file mode 100644
index f50a0088632..00000000000
--- a/static/usage/v7/tabs/router/angular/radio_page_module_ts.md
+++ /dev/null
@@ -1,14 +0,0 @@
-```ts
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { RadioPageComponent } from './radio-page.component';
-
-import { IonicModule } from '@ionic/angular';
-
-@NgModule({
-  imports: [IonicModule, RouterModule.forChild([{ path: '', component: RadioPageComponent }])],
-  declarations: [RadioPageComponent],
-  exports: [RadioPageComponent],
-})
-export class RadioPageModule {}
-```
diff --git a/static/usage/v7/tabs/router/angular/search_page_component_ts.md b/static/usage/v7/tabs/router/angular/search_page_component_ts.md
index bd6e723d332..00eb12be824 100644
--- a/static/usage/v7/tabs/router/angular/search_page_component_ts.md
+++ b/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 {}
 ```
diff --git a/static/usage/v7/tabs/router/angular/search_page_module_ts.md b/static/usage/v7/tabs/router/angular/search_page_module_ts.md
deleted file mode 100644
index a1d599c5d9b..00000000000
--- a/static/usage/v7/tabs/router/angular/search_page_module_ts.md
+++ /dev/null
@@ -1,14 +0,0 @@
-```ts
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { SearchPageComponent } from './search-page.component';
-
-import { IonicModule } from '@ionic/angular';
-
-@NgModule({
-  imports: [IonicModule, RouterModule.forChild([{ path: '', component: SearchPageComponent }])],
-  declarations: [SearchPageComponent],
-  exports: [SearchPageComponent],
-})
-export class SearchPageModule {}
-```
diff --git a/static/usage/v7/tabs/router/index.md b/static/usage/v7/tabs/router/index.md
index 072832ae972..c11fd499691 100644
--- a/static/usage/v7/tabs/router/index.md
+++ b/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: {
diff --git a/static/usage/v8/tabs/basic/angular/example_component_ts.md b/static/usage/v8/tabs/basic/angular/example_component_ts.md
index 7762322ce9d..5f521ab2c3d 100644
--- a/static/usage/v8/tabs/basic/angular/example_component_ts.md
+++ b/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() {
diff --git a/static/usage/v8/tabs/router/angular/app_component_html.md b/static/usage/v8/tabs/router/angular/app_component_html.md
index 7636539f28a..3b819dc640d 100644
--- a/static/usage/v8/tabs/router/angular/app_component_html.md
+++ b/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>
 ```
diff --git a/static/usage/v8/tabs/router/angular/app_component_ts.md b/static/usage/v8/tabs/router/angular/app_component_ts.md
new file mode 100644
index 00000000000..69438d5bb07
--- /dev/null
+++ b/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() {}
+}
+```
diff --git a/static/usage/v8/tabs/router/angular/app_module_ts.md b/static/usage/v8/tabs/router/angular/app_module_ts.md
deleted file mode 100644
index e36b8c6316e..00000000000
--- a/static/usage/v8/tabs/router/angular/app_module_ts.md
+++ /dev/null
@@ -1,19 +0,0 @@
-```ts
-import { NgModule } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { BrowserModule } from '@angular/platform-browser';
-
-import { IonicModule } from '@ionic/angular';
-
-import { AppComponent } from './app.component';
-import { ExampleComponent } from './example.component';
-
-import { AppRoutingModule } from './app-routing.module';
-
-@NgModule({
-  imports: [BrowserModule, FormsModule, AppRoutingModule, IonicModule.forRoot({})],
-  declarations: [AppComponent, ExampleComponent],
-  bootstrap: [AppComponent],
-})
-export class AppModule {}
-```
diff --git a/static/usage/v8/tabs/router/angular/app_routes_ts.md b/static/usage/v8/tabs/router/angular/app_routes_ts.md
new file mode 100644
index 00000000000..fd959555b28
--- /dev/null
+++ b/static/usage/v8/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',
+  },
+];
+```
diff --git a/static/usage/v8/tabs/router/angular/app_routing_module_ts.md b/static/usage/v8/tabs/router/angular/app_routing_module_ts.md
deleted file mode 100644
index 7ff1067030f..00000000000
--- a/static/usage/v8/tabs/router/angular/app_routing_module_ts.md
+++ /dev/null
@@ -1,42 +0,0 @@
-```ts
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-
-import { ExampleComponent } from './example.component';
-
-@NgModule({
-  imports: [
-    RouterModule.forRoot([
-      {
-        path: '',
-        component: ExampleComponent,
-        children: [
-          {
-            path: '',
-            pathMatch: 'full',
-            redirectTo: 'home',
-          },
-          {
-            path: 'home',
-            loadChildren: () => import('./home/home-page.module').then((m) => m.HomePageModule),
-          },
-          {
-            path: 'radio',
-            loadChildren: () => import('./radio/radio-page.module').then((m) => m.RadioPageModule),
-          },
-          {
-            path: 'library',
-            loadChildren: () => import('./library/library-page.module').then((m) => m.LibraryPageModule),
-          },
-          {
-            path: 'search',
-            loadChildren: () => import('./search/search-page.module').then((m) => m.SearchPageModule),
-          },
-        ],
-      },
-    ]),
-  ],
-  exports: [RouterModule],
-})
-export class AppRoutingModule {}
-```
diff --git a/static/usage/v8/tabs/router/angular/example_component_ts.md b/static/usage/v8/tabs/router/angular/example_component_ts.md
index 7762322ce9d..84c7d490b48 100644
--- a/static/usage/v8/tabs/router/angular/example_component_ts.md
+++ b/static/usage/v8/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() {
diff --git a/static/usage/v8/tabs/router/angular/home_page_component_ts.md b/static/usage/v8/tabs/router/angular/home_page_component_ts.md
index 9e2ef0a3e8c..7d3d3446815 100644
--- a/static/usage/v8/tabs/router/angular/home_page_component_ts.md
+++ b/static/usage/v8/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 {}
 ```
diff --git a/static/usage/v8/tabs/router/angular/home_page_module_ts.md b/static/usage/v8/tabs/router/angular/home_page_module_ts.md
deleted file mode 100644
index 2a1fb15b460..00000000000
--- a/static/usage/v8/tabs/router/angular/home_page_module_ts.md
+++ /dev/null
@@ -1,14 +0,0 @@
-```ts
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { HomePageComponent } from './home-page.component';
-
-import { IonicModule } from '@ionic/angular';
-
-@NgModule({
-  imports: [IonicModule, RouterModule.forChild([{ path: '', component: HomePageComponent }])],
-  declarations: [HomePageComponent],
-  exports: [HomePageComponent],
-})
-export class HomePageModule {}
-```
diff --git a/static/usage/v8/tabs/router/angular/library_page_component_ts.md b/static/usage/v8/tabs/router/angular/library_page_component_ts.md
index f5a92a4868a..072cd0a779f 100644
--- a/static/usage/v8/tabs/router/angular/library_page_component_ts.md
+++ b/static/usage/v8/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 {}
 ```
diff --git a/static/usage/v8/tabs/router/angular/library_page_module_ts.md b/static/usage/v8/tabs/router/angular/library_page_module_ts.md
deleted file mode 100644
index 8e2ab48cf39..00000000000
--- a/static/usage/v8/tabs/router/angular/library_page_module_ts.md
+++ /dev/null
@@ -1,14 +0,0 @@
-```ts
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { IonicModule } from '@ionic/angular';
-
-import { LibraryPageComponent } from './library-page.component';
-
-@NgModule({
-  imports: [IonicModule, RouterModule.forChild([{ path: '', component: LibraryPageComponent }])],
-  declarations: [LibraryPageComponent],
-  exports: [LibraryPageComponent],
-})
-export class LibraryPageModule {}
-```
diff --git a/static/usage/v8/tabs/router/angular/radio_page_component_ts.md b/static/usage/v8/tabs/router/angular/radio_page_component_ts.md
index d29209c00dd..63273c02807 100644
--- a/static/usage/v8/tabs/router/angular/radio_page_component_ts.md
+++ b/static/usage/v8/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 {}
 ```
diff --git a/static/usage/v8/tabs/router/angular/radio_page_module_ts.md b/static/usage/v8/tabs/router/angular/radio_page_module_ts.md
deleted file mode 100644
index f50a0088632..00000000000
--- a/static/usage/v8/tabs/router/angular/radio_page_module_ts.md
+++ /dev/null
@@ -1,14 +0,0 @@
-```ts
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { RadioPageComponent } from './radio-page.component';
-
-import { IonicModule } from '@ionic/angular';
-
-@NgModule({
-  imports: [IonicModule, RouterModule.forChild([{ path: '', component: RadioPageComponent }])],
-  declarations: [RadioPageComponent],
-  exports: [RadioPageComponent],
-})
-export class RadioPageModule {}
-```
diff --git a/static/usage/v8/tabs/router/angular/search_page_component_ts.md b/static/usage/v8/tabs/router/angular/search_page_component_ts.md
index bd6e723d332..00eb12be824 100644
--- a/static/usage/v8/tabs/router/angular/search_page_component_ts.md
+++ b/static/usage/v8/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 {}
 ```
diff --git a/static/usage/v8/tabs/router/angular/search_page_module_ts.md b/static/usage/v8/tabs/router/angular/search_page_module_ts.md
deleted file mode 100644
index a1d599c5d9b..00000000000
--- a/static/usage/v8/tabs/router/angular/search_page_module_ts.md
+++ /dev/null
@@ -1,14 +0,0 @@
-```ts
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { SearchPageComponent } from './search-page.component';
-
-import { IonicModule } from '@ionic/angular';
-
-@NgModule({
-  imports: [IonicModule, RouterModule.forChild([{ path: '', component: SearchPageComponent }])],
-  declarations: [SearchPageComponent],
-  exports: [SearchPageComponent],
-})
-export class SearchPageModule {}
-```
diff --git a/static/usage/v8/tabs/router/index.md b/static/usage/v8/tabs/router/index.md
index 90700816abb..fabae4f6cd8 100644
--- a/static/usage/v8/tabs/router/index.md
+++ b/static/usage/v8/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: {