ionic3中通过Event实现事件广播事件监听

tengfeng

Events是一个发布 - 订阅式事件系统，用于在应用程序中发送和响应应用程序级别的事件。可以理解为：发布一个事件之后，可以将这个事件广播到整个工程的任何一个地方，只需要订阅就可以获取到传过来的值。


下面我们看看ionic3中通过Event如何实现事件广播事件监听。

官方链接：ionic Event 官方链接地址

在第一个页面中发布一个事件。
需要导入 Events 依赖包

1. import { Events } from 'ionic-angular';
   
2. 
   
3. // first page (publish an event when a user is created)
   
4. constructor(public events: Events) {}
   
5. createUser(user) {
   
6.   console.log('User created!')
   
7.   this.events.publish('user:created', user, Date.now());
   
8. }

复制代码

订阅事件
第二个页面中订阅事件，并且获取到 第一个节目上面的数据值

1. // second page (listen for the user created event after function is called)
   
2. constructor(public events: Events) {
   
3.   events.subscribe('user:created', (user, time) => {
   
4.     // user and time are the same arguments passed in `events.publish(user, time)`
   
5.     console.log('Welcome', user, 'at', time);
   
6.   });
   
7. }

复制代码

ionic3中通过Event事件成员变量说明：

subscribe(topic, handler)

事件订阅的主题，事件将触发他提供的方法。

topic：string 订阅的主题

handler：function 事件处理方法(一个回调事件)

unsubscribe(topic,handler)

取消订阅的主题，不再接收publish到主题事件。unsubscribe()返回值为 true，就表示移除成功。

publish(topic, eventData)

提交一个event给指定的topic