我目前正致力于Angular2的应用之一。我有3个功能模块,其中包含其他子功能模块。 我想将要素1的子要素模块加载到要素2的子要素模块中,反之亦然。下面是示例代码。
动作routing.module.ts
const routes: Routes = [
{
path: '',
component: ActionComponent,
children: [
{
path: ':id',
loadChildren: 'app/action/action-detail/action-detail.module#ActionDetailModule'
}
]
}
];
动作细节routing.module.ts
const routes: Routes = [
{
path: '',
component: ActionDetailComponent,
},
{
path: 'topic-detail/:id',
loadChildren: 'app/topic/decision-topic-detail/decision-topic-detail.module#DecisionTopicDetailModule',
}
]
主题的routing.module.ts
const routes: Routes = [
{
path: '',
component: TopicComponent,
children: [
{
path: ':id',
loadChildren: 'app/topic/decision-topic-detail/decision-topic-detail.module#DecisionTopicDetailModule'
}
]
}
];
决策主题的细节routing.module.ts
const routes: Routes = [
{
path: '',
component: DecisionTopicDetailComponent,
},
{
path: 'action-detail/:id',
loadChildren: 'app/action/action-detail/action-detail.module#ActionDetailModule'
}
]
这会在编译时创建循环依赖项并抛出 ERROR在超出最大调用堆栈大小中的错误。
有没有办法解决这个错误。我知道一种方法是自己加载整个Feature模块,但这不是可行的情况。
提前致谢。