0
私はこのようなモジュールの階層ました:私は、モジュール、およびモジュールからメインアプリモジュールにサブモジュールからのルーティングを行う方法を知りたいネストされたモジュールのルーティングをAngularで行う方法は?
app
-- module1
- submodule1
- submodule2
を。
これまでのところ、私はでき、このようなメインアプリモジュールへのモジュールからのルート:
app.module.ts - メインモジュール
...imports
@NgModule({
declarations: [
AppComponent
],
imports: [
...
AppRoutingModule,
//Feature Modules
Module1,
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule {}
app.routing.ts
import { RouterModule } from '@angular/router';
export const AppRoutingModule = RouterModule.forRoot([
{ path: '', component: AppComponent },
{ path: 'module1', loadChildren: './feature/module1/module1.module#Module1' }
]);
module1.module.ts - レベル1モジュール
...imports
@NgModule({
imports: [
SubModule1,
SubModule2,
Module1RoutingModule
],
declarations: [Module1Component],
})
export class Module1 { }
module1.routing.ts
import { RouterModule } from '@angular/router';
import {Module1Component} from "./module1.component";
export const Module1RoutingModule = RouterModule.forChild([
{ path: '', component: Module1Component },
{ path: 'submodule1', loadChildren: '.submodule1/submodule1.module#Submodule1Module' },
]);
そして、ここで私はどのようにルートサブモジュールをするのか分からないところです経路...
サブモジュール1.modul e.ts - レベル2モジュール
...輸入
ここ@NgModule({
imports: [
Submodule1RoutingModule
],
declarations: [Submodule1Component],
})
export class Submodule1Module { }
だ私は考え出す助けが必要な場所をどのようにルート:
submodule1.rounting.ts
import { RouterModule } from '@angular/router';
import {Submodule1Component} from "./submodule1.component";
export const Submodule1RoutingModule = RouterModule.forChild([
{ path: '', component: Submodule1Component }
]);