PhoneGap中文网

标题: ionic3中通过Event实现事件广播事件监听 [打印本页]

作者: tengfeng 时间: 2018-9-18 12:23
标题: 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

欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/)