美文网首页
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 监听事件

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