获取路由器插座之外的路线数据



是否有一种方法可以在组件中获取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

我希望有帮助。基本上,这是您要问的,而不是从路由器服务中,而是"自定义"共享服务。他们俩都使用可观察的。

最新更新