У меня есть компонент, к которому обращаются различные модули в моем приложении.Структура выглядит примерно так:
app.module
Layout.module
- PSUModule
- OtherModule
- DetailsModule
- ReusableComonent.
- OtherComponent, который вызывает ReusableComponent.
Проблема:
Я использовал Resolver
для загрузки данных в ReusableComponent
в DetailsModule
.Этот компонент работает нормально, когда я вызываю его из компонентов, определенных в DetailsModule.Но по маршруту правильно ориентируются, только если я получаю доступ к ReusableComponent
внутри компонентов, определенных в DetailsModule
.Когда я получаю доступ к ReusableComponent из PSUModule
, OtherModule
или Reports
, данные не разрешаются, даже если субъект поведения возвращает действительное значение.
Ниже приведены мои маршруты:
app.routing.module.ts
const routes: Routes = [
{ path: '', loadChildren: './layout/layout.module#LayoutModule', canActivate: [AuthGuard] }, //Other routes....
]
Layout.routingModule.ts
{
path: 'DetailsModule',
loadChildren: 'app/layout/DetailsModule/details-module/details-module.module#DetailsModule',
data: {
preload: false,
text: 'DetailsModule'
},
canActivate: [AuthGuard]
},
DetailsModule.routingmodule.ts
{
path: 'reuse/:state',
component: ReusableComponent,
resolve: {
object: TranDetailsResolver
},
canActivate: [AuthGuard]
}
Модули, которые обращаются к ReusableComponent, например:
PSUComponent.html
this.route.navigate(["/DetailsModule/reuse/", "view"]);
Где я ошибаюсь?Пожалуйста, помогите.