ionic event 监听事件
2017-10-23 本文已影响584人
133sheiya
ionic 中的event事件相当于iOS中的通知。
iOS中的通知的步骤是: 1. 发送通知 2. 监听通知名。 3.移除通知。 ionic 不过是将notification 换了个名词 event 。 具体的操作步骤如下:
- 在一级页面 // 注册event 事件 。相当于iOS中的发送通知。
this.events.publish('user:login'); 通知名称是'user:login' ;
- 在监听页面 当然也可以在本页面。不过没必要
events.subscribe('user:login', (userEventData) => {
// userEventData 是一个数组, so grab our first and only arg
console.log('Welcome');
}); // 监听事件 相当于iOS中的 监听通知。 执行通知动作。
- 在监听页面销毁时将event事件移除 。 类似于iOS 中的移除通知.. 不移除通知的话在iOS中可能会存在重复监听和内存泄漏等问题。但是ionic 我不太清楚。。
ionViewWillUnload() {
console.log('界面销毁');
this.events.unsubscribe('user:login');
}
从别人那里拷贝过来的 ionic界面生命周期
ionViewDidLoad(){
console.log("1.0 ionViewDidLoad 当页面加载的时候触发,仅在页面创建的时候触发一次,如果被缓存了,那么下次再打开这个页面则不会触发");
}
ionViewWillEnter(){
console.log("2.0 ionViewWillEnter 顾名思义,当将要进入页面时触发");
}
ionViewDidEnter(){
console.log("3.0 ionViewDidEnter 当进入页面时触发");
}
ionViewWillLeave(){
console.log("4.0 ionViewWillLeave 当将要从页面离开时触发");
}
ionViewDidLeave(){
console.log("5.0 ionViewDidLeave 离开页面时触发");
}
ionViewWillUnload(){
console.log("6.0 ionViewWillUnload 当页面将要销毁同时页面上元素移除时触发");
}
ionViewCanEnter(){
console.log("ionViewCanEnter");
}
ionViewCanLeave(){
console.log("ionViewCanLeave");
}