Angular 2, wie faul geladene untergeordnete Routen einer übergeordneten Route definiert werden, die auch faul geladen ist

Question

Oct 19, 2016, 07:24 AM

angular typescript lazy-loading angular2-routing

Angular 2, wie faul geladene untergeordnete Routen einer übergeordneten Route definiert werden, die auch faul geladen ist

Ich versuche, das langsame Laden für meine App zum Laufen zu bringen, aber es ist ein Problem nach dem anderen. Ich habe die Hauptroute zur faulen Last bekommen, die ist/admin, jetzt möchte ich eine andere Route hinzufügen, die @ i/admin/login.

So habe ich das gemacht:

admin-router.module.ts

@NgModule({
  imports: [
    ComponentsModule,
    SharedModule,
    RouterModule.forChild([
      {
        path: '',
        component: AdminAreaComponent,
        children: [
          {
            path: 'login',
            loadChildren: 'app/+admin-area/pages/login/login.module#LoginModule'
          }
        ]
      }
    ])
  ],
  exports: [
    RouterModule
  ],
  declarations: [
    AdminAreaComponent
  ]
})
export class AdminAreaRouterModule {}

login-router.module.ts

import {NgModule} from '@angular/core';
import {RouterModule, Routes} from '@angular/router';

// Global modules
import {ComponentsModule, SharedModule} from '../../shared';

// Components
import {LoginComponent} from '../login.component';

@NgModule({
  imports: [
    ComponentsModule,
    SharedModule,
    RouterModule.forChild([
      {
        path: '',
        component: LoginComponent
      }
    ])
  ],
  exports: [
    RouterModule
  ],
  declarations: [
    LoginComponent
  ]
})
export class LoginRouterModule {}

login.module.ts

import {NgModule} from '@angular/core';

import {ComponentsModule, SharedModule} from '../../../shared';
import {LoginComponent} from './login.component';
import {LoginRouterModule} from './router';

@NgModule({
  imports: [
    ComponentsModule,
    SharedModule,
    LoginRouterModule
  ],
  exports: [
    ComponentsModule,
    SharedModule,
    LoginRouterModule
  ]
})

export class LoginModule {}

Das Problem ist jedoch, dass, sobald ich das @ hinzufügchildren Teil,/admin funktioniert nicht mehr zusammen und löst den Fehler ausCannot match any routes. URL Segment: 'admin'.

Definieren Sie auf diese Weise nicht untergeordnete Routen einer Route mit verzögertem Ladevorgang? Wie kann ich es reparieren