如何在angular2中将app.component中的事件广播到router-outlet
发布时间:2020-12-17 17:50:35 所属栏目:安全 来源:网络整理
导读:我已经创建了一个具有将发出事件的流$的服务,我希望在app.component激发流$emit后, router-outlet / router-outlet中的子组件将能够订阅它,但现在我遇到的问题是,即使它在构造函数中订阅它,订阅回调永远不会被触发. 我想知道这是否与通过流服务发送事件时不
我已经创建了一个具有将发出事件的流$的服务,我希望在app.component激发流$emit后,< router-outlet>< / router-outlet>中的子组件将能够订阅它,但现在我遇到的问题是,即使它在构造函数中订阅它,订阅回调永远不会被触发.
我想知道这是否与通过流服务发送事件时不同? 什么是最佳做法? 解决方法
最简单的方法是创建事件总线服务:
export class EventBusService { bus:Subject<Event> = new Subject<Event>(); dispatch(data:Event){ this.bus.next(data); } //its up to you how to implement it: listen(type:string):Observable<Event> { return this.bus.filter(event=>event.type === type); } } 使用依赖注入: bootstrap(App,[EventBusService]); 组件构造函数: constructor(bus:EventBusService){ bus.dispatch(new Event()); bus.listen('load').subscribe((e)=>{console.log('loaded');}) } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |