使用 FeatureRoutingModule 的 forChild() 方法来定义特征路由。将 FeatureRoutingModule 导入到主应用程序模块,然后对于每个特征模块,使用要导航到特征模块的根路径的路由。在特征模块中,使用 FeatureRoutingModule 的 forChild() 方法来定义特征路由。
示例代码:
// feature-routing.module.ts import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import { FeatureComponent } from './feature.component';
const routes: Routes = [ { path: '', component: FeatureComponent } ];
@NgModule({ imports: [RouterModule.forChild(routes)], exports: [RouterModule] }) export class FeatureRoutingModule { }
// feature.module.ts import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FeatureComponent } from './feature.component'; import { FeatureRoutingModule } from './feature-routing.module';
@NgModule({ declarations: [FeatureComponent], imports: [ CommonModule, FeatureRoutingModule ] }) export class FeatureModule { }
// app-routing.module.ts import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router';
const routes: Routes = [ { path: 'feature', loadChildren: () => import('./feature/feature.module').then(m => m.FeatureModule) } ];
@NgModule({ imports: [RouterModule.forRoot(routes)], exports: [RouterModule] }) export class AppRoutingModule { }
// app.module.ts import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { AppRoutingModule } from './app-routing.module'; import { AppComponent } from './app.component';
@NgModule({ declarations: [AppComponent], imports: [ BrowserModule, AppRoutingModule ], providers: [], bootstrap: [AppComponent] }) export class AppModule { }