Question

有没有办法在路由器插座 outisde 的组件中获取data参数。

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);
    });
}

}

如上所述捕获导航结尾只给我一个网址。

Answer 1

好吧，我不确定你是否能做到这一点，无论如何它听起来并不像一个好的模式。您可以通过具有共享单件服务和可观察数据的任何组件共享数据（状态）。

并且它不一定是亲子关系 https://angular.io/guide/component-interaction#parent-and-children-communicate-via-a-service

我希望有所帮助。它基本上是你要求的，但不是来自路由器服务，而是来自定制的＆＃39;共享服务。它们都使用了可观察量。

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

1 个答案: