NgModule 安装自己的路由

Question

我正在尝试弄清楚如何利用 @NgModule 更好地组织 Angular 2 模块化应用程序。特别是，我对 NgModule 安装它自己的路由到应用程序感兴趣。有没有人有一个工作示例来说明如何去做？

Answer 1

例如，假设您有 home 模块。

-home
 -- home.component.ts
 -- home.component.html
 -- home.component.spec.ts
 -- home.routes.ts

// home.routes.ts

import { Routes, RouterModule } from "@angular/router";
import { HomeComponent } from "./home.component";
const routes : Routes = [
  {
    path: '',
    component: HomeComponent
  }
]

export default RouterModule.forChild(routes)

然后在你的 AppModule 顶级路由中：

const routes : Routes = [
  {
    path: '',
    loadChildren: 'app/modules/home/home.module',
    pathMatch: 'full'
  }
]

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  export class AppModule {
    constructor() {
   }
  }

有了这个，您的主页模块将被延迟加载。

NgModule 安装自己的路由

NgModule installing its own routes

ng-modules

angular