У меня есть компонент с именем NewsComponent
, который используется в моем приложении.Я хотел бы расширить его до NewsModule
и добавить систему маршрутизации для отображения отдельных статей, чтобы мои маршруты выглядели как
/some-component
/some-component/news
/some-component/news/article/12345
/other-component
/other-component/news
/other-component/news/article/23456
Чтобы сделать его маршруты относительными, я лениво загружаю модуль:
const routes: Route = [
{
path: 'some-component',
component: SomeComponent
},
{
path: 'some-component/news',
component: SomeNewsWrapperComponent,
children: [
{
path: '',
loadChildren: './news/module#NewsModule'
}
]
}
// same for /other-component
]
Проблема в том, что NewsComponent
отображает визуальные эффекты на основе некоторых входных данных, и я использовал их для передачи через @Input
.Но теперь, когда компонент инкапсулирован в своем лениво загруженном модуле, это больше невозможно.
Я мог бы создать NewsService
в третьем модуле, импортировав как NewsModule
, так и AppModule
и передать данные, которыеКстати, но я чувствую, что это нарушение модульности и хотел бы этого избежать.Есть ли лучшее решение для однонаправленного потока данных в модуль?