Angular广播/消息通知的接收与发送
一、在接收页：
添加引用: private eventManager: JhiEventManager；
接收通知的方法：
// 接收通知（新建、编辑、删除页发送过来的通知） // upmsMenuListModification 接收的内容（随意）
registerChangeEvent() {
this.eventSubscriber = this.eventManager.subscribe('upmsMenuListModification', response => this.loadAll());
}
备注：记得在页面开始事件中添加接收通知的方法二、在发送通知页：
添加引用：private eventManager: JhiEventManager
发送通知的方法：
// 发送通知 upmsMenuListModification发送的内容（随意）
private onSaveSuccess() {
this.eventManager.broadcast({ name: 'upmsMenuListModification' });
}
以上是angular自带的组件
下面是自己写的办法：
第一步：先创建一个service
import {Injectable, EventEmitter, OnInit} from "@angular/core";
@Injectable()
export class EmitService implements OnInit {
public eventEmit: any;
constructor() {
// 定义发射事件
this.eventEmit = new EventEmitter();
}
ngOnInit() {
}
}
备注：记得在Module中添加这个service的引用
第二步：
发送通知页：
import {Component} from '@angular/core';
import {EmitService} from "./emit.service"
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
constructor(public emitService: EmitService) {
}
emitFun() {
// 如果组件中，修改了某些数据，需要刷新用用户列表，用户列表在其他组件中，那么就可以发射一个字符串过去，那边接收到这个字符串比对一下，刷新列表。
this.emitService.eventEmit.emit("userList");
}
}
接收通知页：
import {Component, OnInit} from "@angular/core";
import {EmitService} from "./emit.service"
@Component({
selector: "event-emit",
templateUrl: "./emit.component.html"
})
export class EmitComonent implements OnInit {
constructor(public emitService: EmitService) {
}
ngOnInit() {
// 接收发射过来的数据
this.emitService.eventEmit.subscribe((value: any) => {
if(value == "userList") {
// 这里就可以调取接口，刷新userList列表数据
alert("收到了，我立马刷新列表");
}
});
}
}