安装:

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='';
} }) }

最新文章

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

热门文章

  1. ARP欺骗之ettercap图形化界面
  2. 网站检测空链、死链工具(Xenu)
  3. 你的一举一动,我可都看着!Linux超骚技巧三分钟Get
  4. java集合Map
  5. 一.使用LDAP认证
  6. git 查看项目代码统计命令
  7. POJ 1927 Area in Triangle
  8. (18)打鸡儿教你Vue.js
  9. Mac laravel: command not found
  10. 《挑战30天C++入门极限》C++类静态数据成员与类静态成员函数