NgModule installiert seine eigenen Routen

Question

Ich versuche herauszufinden, wie man @NgModule emboy, um eine Angular 2 modulare App besser zu organisieren. Insbesondere interessiert mich ein NgModule , das eigene Routen in die App installiert. Hat jemand ein funktionierendes Beispiel, das zeigt, wie es geht?

Answer 1

Nehmen wir an, Sie haben zum Beispiel das Home-Modul.

-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) 

Dann in Ihren AppModule Top-Level-Routen:

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

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

Mit diesem Ihrem Zuhause Modul verzögertes Laden sein.