美文网首页
ionic event 监听事件

ionic event 监听事件

作者: 133sheiya | 来源:发表于2017-10-23 10:37 被阅读584次

ionic 中的event事件相当于iOS中的通知。
iOS中的通知的步骤是: 1. 发送通知 2. 监听通知名。 3.移除通知。 ionic 不过是将notification 换了个名词 event 。 具体的操作步骤如下:

  1. 在一级页面 // 注册event 事件 。相当于iOS中的发送通知。
   this.events.publish('user:login'); 通知名称是'user:login' ;
  1. 在监听页面 当然也可以在本页面。不过没必要
events.subscribe('user:login', (userEventData) => {
   // userEventData 是一个数组, so grab our first and only arg
   console.log('Welcome');
  }); // 监听事件 相当于iOS中的 监听通知。 执行通知动作。
  1. 在监听页面销毁时将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");
}

相关文章

  • ionic event 监听事件

    ionic 中的event事件相当于iOS中的通知。iOS中的通知的步骤是: 1. 发送通知 2. 监听通知名。...

  • android事件处理学习笔记

    基于监听的事件处理 监听处理模型: Event Sourse(事件源) Event(事件):用户的一次操作会封装在...

  • 写一个eventEmitter类,包括on()、off()、on

    1、on(event,fn):监听event事件,事件触发时调用fn函数; 2、once(event,fn):为指...

  • 2021-09-22 GUI(事件监听机制)

    事件监听机制组成事件源(组件)事件(Event)监听器(Listener)事件处理(引发事件后处理方式) 事件监听...

  • angular监听鼠标,键盘事件

    关键词:$event 监听鼠标事件 $event 输出: MouseEvent {isTrusted: true,...

  • js注意点

    事件监听 element.addEventListener(*event*, *function*, *useCa...

  • 5.4Laravel事件

    事件 更多详细请参看laravel手册 事件/监听器 事件类存放位置:app/Event 目录中 监听器存放位置:...

  • TP6 事件绑定、监听、订阅

    事件绑定与监听 命令行生成事件类php think make:event EventDemo 命令行生成事件监听类...

  • Android事件处理机制

    一.基于监听的事件处理 在事件监听的处理模型中,主要涉及如下三类对象: Event Source(事件源):事件发...

  • laravel Event 事件使用

    Event的使用主要分为三步: ①注册事件监听器映射关系 ②定义监听器 ③触发事件 ①注册事件监听器映射关系 在a...

网友评论

      本文标题:ionic event 监听事件

      本文链接:https://www.haomeiwen.com/subject/ibvouxtx.html