是否有一种方法可以在组件中获取data
参数,该组件是路由器出口的 OUTISDE 。
const appRoutes: Routes = [
{ path: '', component: SitesComponent },
{ path: 'pollutants/newpollutant', component: PollutantComponent, data: { new: true, crumbs: ["New pollutant"] } }
];
组件
export class BreadcrumbsComponent implements OnInit {
list: any[] = [] as any[];
constructor( private router: Router) {
}
ngOnInit() {
this.router.events.subscribe((val) => {
if (val instanceof NavigationEnd)
console.log(val);
});
}
}
捕获导航结束如上所述,只给了我URL。
好吧,我不确定您是否可以执行此操作,无论如何,它听起来不像是一个好模式。您可以通过共享单例服务和可观察到的任何组件共享数据(状态)。
,不必是亲子关系https://angular.io/guide/component-interaction#parent-and-communate-communicate-via-a-service
我希望有帮助。基本上,这是您要问的,而不是从路由器服务中,而是"自定义"共享服务。他们俩都使用可观察的。