angular - 获取路由器outlet外的路由数据

Question

有没有办法在路由器 socket 外部的组件中获取数据参数。

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。

Answer 1

好吧，我不确定您是否可以这样做，而且无论如何这听起来都不是一个好的模式。您可以通过任何具有共享单例服务和可观察对象的组件共享数据(状态)。

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

希望对您有所帮助。这基本上是您所要求的，但不是来自路由器服务，而是“自定义”共享服务。他们都使用 observables。