其他分享
首页 > 其他分享> > EventEmitter事件驱动通讯

EventEmitter事件驱动通讯

作者:互联网

ionic4.x 中使用 EventEmitter 事件驱动实现页面通讯

1 Eventemitter Github 地址:https://github.com/primus/eventemitter3

2、安装配置 EventEmitter:
npm install --save eventemitter3

3、定义公共的服务配置 EventEmitter:
import { Injectable} from '@angular/core';
import {EventEmitter} from 'eventemitter3';

export class EventService {
public eventEmit: any;
constructor() {
// 定义发射事件
this.eventEmit = new EventEmitter();
}
}

4、用户中心页面监听事件广播
import { EventService } from '../services/event.service';
this.eventService.eventEmit.on('login',(result)=>{
console.log('执行');
// 这里面执行要初始化的东西
if (userInfo && userInfo.username) {
this.userInfo = userInfo;
} else {
this.userInfo = null;
}
})

5、登录页面返回的时候发送广播
import { EventService } from '../services/event.service';
ionViewDidLeave(){
this.eventService.eventEmit.emit('login','登录页面退出了');
}

标签:通讯,EventService,EventEmitter,事件驱动,userInfo,eventEmit,import,页面
来源: https://www.cnblogs.com/anans/p/15468076.html