私はモジュールでルートを使用しようとしています...
app.module
{
path: '',
component: AppComponent,
children: [
{ path: '', redirectTo: 'dashboard', pathMatch: 'full' },
{ path: 'dashboard', loadChildren: 'app/dashboard/dashboard.module#DashboardModule'
]
}
RouterModule.forRoot(appRoutes)をインポートすると、
dashboard.module
{
path: '',
component: DashboardComponent,
children: [
{ path: '', redirectTo: 'conta', pathMatch: 'full' },
{ path: 'conta', loadChildren: 'app/dashboard/conta/conta.module#ContaModule' }
]
}
RouterModule.forChild(dashboardRoutes)をインポートすると、
account.module
{
path: '',
component: ContaComponent,
children: [
{ path: '', redirectTo: 'list', pathMatch: 'full' },
{ path: 'list', component: ContaListComponent }
]
}
RouterModule.forChild(contaRoutes)をインポートすると、
アイデアは:
このコードを実行すると、アプリが読み込まれますApp> Conta> ContaListそうではないApp>ダッシュボード> Conta> ContaListどうしたらいいの?
私は自分のテンプレート(App、Dashboard、Conta)内にルータのアウトレットを持っています。
私は間違って何をしていますか?
ダッシュボードコンポーネントでは、ダッシュボードとしてのパスをcontaモジュールで指定する必要があります
{
path: 'dashboard',
component: DashboardComponent,
children: [
{ path: '', redirectTo: 'conta', pathMatch: 'full' },
{ path: 'conta', loadChildren: 'app/dashboard/conta/conta.module#ContaModule' }
]
}
{
path: 'conta',
component: ContaComponent,
children: [
{ path: '', redirectTo: 'list', pathMatch: 'full' },
{ path: 'list', component: ContaListComponent }
]
}