tengfeng 发表于 2018-9-18 12:23:58

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

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


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

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

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


import { Events } from 'ionic-angular';

// first page (publish an event when a user is created)
constructor(public events: Events) {}
createUser(user) {
console.log('User created!')
this.events.publish('user:created', user, Date.now());
}


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

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

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

subscribe(topic, handler)

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

topic:string 订阅的主题

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

unsubscribe(topic,handler)

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

publish(topic, eventData)

提交一个event给指定的topic





页: [1]
查看完整版本: ionic3中通过Event实现事件广播事件监听