Angular 2:Circular Feature模块依赖项

时间:2017-05-11 05:47:10

标签: angular typescript webpack angular-cli circular-dependency

我目前正致力于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模块,但这不是可行的情况。

提前致谢。

0 个答案:

没有答案