ionic4.x EventEmitter3的使用
安装:
npm install --save eventemitter3
创建event.service
import { Injectable } from '@angular/core'; // var EventEmitter = require('eventemitter3'); import { EventEmitter } from 'eventemitter3'; @Injectable({ providedIn: 'root' }) export class EventService { public event:any; constructor() { this.event=new EventEmitter(); //这个实例就会被多个组件共享 来实现不同页面的数据通信 } }
使用
比如登陆成功后,更新个人中心页面数据:
登陆页面,引入事件服务:
在登陆成功后发布事件:
//通知用户中心更新用户信息 this.eventService.event.emit('useraction');
个人中心监听事件:
ngOnInit() { //监听注册 登录成功的事件 this.eventService.event.on('useraction',()=>{ var userinfo=this.storage.get('userinfo'); if(userinfo && userinfo.username){ this.userinfo=userinfo; }else{ this.userinfo=''; } }) }
最后,关注【码上加油站】微信公众号后,有疑惑有问题想加油的小伙伴可以码上加入社群,让我们一起码上加油吧!!!
posted on 2019-09-16 14:39 LoaderMan 阅读(1031) 评论(0) 编辑 收藏 举报