Блог

Я пытаюсь выяснить, как использовать @NgModule , чтобы лучше организовать модульное приложение Angular 2. В частности, меня интересует NgModule, устанавливающий свои собственные маршруты в приложение. У кого-нибудь есть рабочий пример, показывающий, как это сделать?

Допустим, например, у вас есть модуль 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() {
   }
  }
  

При этом ваш домашний модуль будет загружаться с задержкой.