ionic4.x EventEmitter3的使用
2024-08-23 04:24:57
安装:
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='';
} }) }
最新文章
- C#利用反射+特性实现简单的实体映射数据库操作类
- 【读书笔记】iOS-ARC-不要向已经释放的对象发送消息
- mysql忘记密码怎么办?
- 2016-1-6第一个完整APP 私人通讯录的实现 2:增加提示用户的提示框,监听文本框
- CodeForces 711D Directed Roads (DFS判环+计数)
- 20140215-搭建phonegap开发环境
- SAR ADC简介
- C# Assembly类_反射
- Codeforces Round #253 DIV1 C 馋
- php下载文件的一种方式
- Executor框架学习笔记
- Ubuntu 下 libgps 库的使用
- Konckout第五个实例:各种事件绑定
- k64 datasheet学习笔记50---GPIO
- nlp资料网站
- 架构4(lvs lb集群解决方案二 lvs+keepalived)
- JAVA设计模式之静态代理
- Vuejs——(4)v-if、v-for
- js中的栈、堆、队列、内存空间
- iOS 应用中打开其他应用 (转)