angular - 独自のルートをインストールするNgModule

Question

@NgModuleAngular 2 モジュラー アプリをより適切に整理するために使用する方法を理解しようとしています。特に、独自のルートをアプリにインストールする NgModule に興味があります。誰かがそれを行う方法を示す実際の例を持っていますか?

Answer 1

たとえば、ホームモジュールがあるとしましょう。

-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() {
   }
  }

これにより、ホーム モジュールは遅延読み込みになります。