angular route 路由嵌套 通配路由 空白路由 使用教程

 

1. 根路由写法实例：

const routes: Routes = [

    {path: 'login', loadChildren: './auth/auth.module#AuthModule'}, // loadChildren值为auth文件夹下的auth.module.ts文件，#后面跟的是类名。

];

 

@NgModule({

    imports: [RouterModule.forRoot(routes, {enableTracing: false})], //forRoot指的是根路由，整个项目只有一个根路由。

    exports: [RouterModule] //导出根路由，使其被框架发现并作为路由入口使用

})

export class AppRoutingModule {

}

1. 子路由写法：

子路由需要在根路由的module文件（如app.module.ts）中导入，即在app.module.ts的imports数组中加入一个值，如果子路由还有module.ts文件，需要在app.module.ts的 declarations数组中导入相应的module.ts文件。

app.module.ts实例：

         @NgModule({

    declarations: [//自定义模块

        ThemeComponent,

        AppComponent,

    ],

    imports: [//依赖模块 系统模块

        FormsModule,

        LayoutModule,

        BrowserModule,

        BrowserAnimationsModule,

        AppRoutingModule,

        ThemeRoutingModule,

        AuthModule