Angular 为多个根路径重用相同的延迟加载模块

在Angular中重用相同延迟加载模块的多个根路径

typescript
// app-routing.module.ts
const routes: Routes = [
  { path: 'home', component: HomeComponent },
  { path: 'dashboard', loadChildren: () => import('./dashboard/dashboard.module').then(m => m.DashboardModule) },
  // Other routes...
];

typescript
// shared-dashboard.module.ts
import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
import { DashboardModule } from './dashboard/dashboard.module';
@NgModule({
  imports: [
    RouterModule.forChild([
      { path: 'dashboard', loadChildren: () => DashboardModule },
      // Add other routes if needed
    ]),
  ],
})
export class SharedDashboardModule {}

typescript
// app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
import { AppComponent } from './app.component';
import { HomeComponent } from './home/home.component';
import { SharedDashboardModule } from './shared-dashboard/shared-dashboard.module';
@NgModule({
  declarations: [
    AppComponent,
    HomeComponent,
  ],
  imports: [
    BrowserModule,
    RouterModule.forRoot([
      { path: 'home', component: HomeComponent },
      { path: '', redirectTo: '/home', pathMatch: 'full' },
      // Other routes...
    ]),
    SharedDashboardModule, // Import the shared module
  ],
  bootstrap: [AppComponent],
})
export class AppModule {}