angular 事件派发和监听_angular事件监听

第一步：创建事件

第二步：派发事件的类  服务类

第三步：定义派发事件的方法

第四步：调用、触发派发事件

this.sendEvent('mapChanged', param);   //  pop.component.ts  调用方法的内部

第五步：其他组件监听自定义事件

import { filter } from 'rxjs/operators';

import { SceneEvent } from '../../domain/SceneEvent.model';

ngOnInit() {

       this.mapChange = this.sceneEvent.pipe(filter(data => data.eventName === 'mapChanged'))

                                                              .subscribe(data => {

                                                              //对对应事件的处理

                                                              this.curRegionId = data.eventData.neId;

                                                                this.cityName = data.eventData.name,

                                                      this.createPoint();

        });

}