Angular2路由组件与父组件的交互

发布时间：2020-12-17 10:23:47 所属栏目：安全来源：网络整理

导读：请考虑我的应用程序的波纹管图 EventsHub是一个简单的注射服务： import {Injectable} from '@angular/core';import {Subject} from 'rxjs/Subject';@Injectable()export class EventsHub { private announcementSource = new Subjectstring(); messageAnnou

请考虑我的应用程序的波纹管图

EventsHub是一个简单的注射服务：

import {Injectable} from '@angular/core';
import {Subject}    from 'rxjs/Subject';

@Injectable()
export class EventsHub {
    private announcementSource = new Subject<string>();
    messageAnnounced$= this.announcementSource.asObservable();

    announce( message : string)  {
        console.log('eventHub : firing...'+message);
        this.announcementSource.next(message);
   }
}

问题是当从“基金”,“客户”或路由器插座内的任何其他组件调用“通知”功能时,父(MainApp)将不会收到任何消息.

另一方面,当我从NavigationMenu调用相同的服务功能时,MainApp接收该事件就好了.
那么如何让路由组件与其父组件进行交互呢？

谢谢

这个案例已经在RC1& RC2

确保在公共父组件(根组??件)上仅提供一次EventsHub. DI为每个提供商维护一个实例.如果您在使用它的每个组件上提供它,则每个组件都会获得不同的实例.因此,一个组件侦听一个实例,另一个组件侦听另一个实例.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!