标签:通讯 EventService EventEmitter 事件驱动 userInfo eventEmit import 页面
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
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。