角路由未重定向到另一个模块中的组件

时间:2019-03-05 10:04:51

标签: angular typescript routing angular4-router

我有一个可以由我的应用程序中的不同模块访问的组件。结构有点像:

应用模块

  • 布局
  • 报告模块

Layout.module

  • PSUModule
  • OtherModule
  • DetailsModule
    • 可重用的组件。
    • 调用ReusableComponent的OtherComponent。

问题:

我已使用ResolverReusableComponent的{​​{1}}中加载数据。当我从DetailsModule中定义的组件调用此组件时,该组件工作正常。但是只有在DetailsModule中定义的组件中访问ReusableComponent时,路由才能正确导航。当我从DetailsModulePSUModuleOtherModule访问ReusableComponent时,即使行为主体返回有效值,数据也无法解析。

以下是我的路线:

app.routing.module.ts

Reports

Layout.routingModule.ts

const routes: Routes = [
    { path: '', loadChildren: './layout/layout.module#LayoutModule', canActivate: [AuthGuard] }, //Other routes....
]

DetailsModule.routingmodule.ts

{
                path: 'DetailsModule',
                loadChildren: 'app/layout/DetailsModule/details-module/details-module.module#DetailsModule',
                data: {
                    preload: false,
                    text: 'DetailsModule'
                },
                canActivate: [AuthGuard]
            },

正在访问ReusableComponent的模块,例如:

PSUComponent.html

 {
  path: 'reuse/:state',
  component: ReusableComponent,
  resolve: {
    object: TranDetailsResolver
  },
  canActivate: [AuthGuard]

}

我要去哪里错了?请帮忙。

0 个答案:

没有答案