Angular 2 como definir rotas filho carregadas com preguiça de uma rota pai que também é carregada com preguiça
Estou tentando fazer com que o carregamento lento funcione no meu aplicativo, mas é um problema após o outro. Eu peguei a rota principal para carga lenta, que é/admin
, agora eu quero adicionar outra rota que seja/admin/login
.
Então eu fiz isso:
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 {}
O problema é que, assim que adiciono ochildren
parte,/admin
pára de trabalhar todos juntos, lançando o erroCannot match any routes. URL Segment: 'admin'
.
Não é assim que você define rotas filho de uma rota carregada lenta? Como posso corrigir isso?