zoukankan      html  css  js  c++  java
  • ionic3 生命周期

    ionic3 总共有8个钩子函数分别是onPageLoadedonPageWillEnter,onPageDidEnter,onPageWillLeave,onPageDidLeave,onPageWillUnload,onPageDidUnload

    还有两个钩子不太一样,上面的钩子函数都没有返回值,以下两返回布尔值ionViewCanEnterionViewCanLeave

    // 页面被加载完成后调用的函数,切换页面时并不会进行重新加载,因为有cache的存在  
    onPageLoaded() {  
      console.log('page 1: page loaded.');  
    }  
      
    // 页面即将进入的时候  
    onPageWillEnter() {  
      // 在这里可以做页面初始化的一些事情  
      console.log('page 1: page will enter.');  
    }  
      
    // 页面已经进入的时候  
    onPageDidEnter() {  
      console.log('page 1: page did enter.');  
    }  
      
    // 页面即将离开的时候  
    onPageWillLeave() {  
      console.log('page 1: page will leave.');  
    }  
      
    // 页面已经离开的时候  
    onPageDidLeave() {  
      console.log('page 1: page did leave.');  
    }  
      
    // 从 DOM 中移除的时候执行的生命周期  
    onPageWillUnload() {  
      
    }  
      
    // 从 DOM 中移除执行完成的时候  
    onPageDidUnload() {  
      
    }  
    ionViewCanEnterionViewCanLeave:

    //如果满足条件可以进入
    ionViewCanEnter() {
      if(new Date().getHours()>=9){
        console.log('时间到了,上班了!');
      return false;
      }
    return true;
    }

    //如果满足条件可以离开
    ionViewCanLeave(){
      if(new Date().getHours()>=18){
      console.log('时间到了,可以下班了!');

      return false;

           }

    return true;
    }

  • 相关阅读:
    【JS】 Javascript 入门
    【CSS】 CSS的一些应用实例和参考
    【CSS】 CSS 定位
    【泛泛】 不知道怎么分类的豆知识
    【CSS】 CSS基础知识 属性和选择
    【HTML】 HTML基础知识 表单
    【HTML】 HTML基础知识 一些标签
    【Linux】 文本比较工具 diff和cmp
    php -- or 的用法
    php -- 检查是否存在
  • 原文地址:https://www.cnblogs.com/longailong/p/10448845.html
Copyright © 2011-2022 走看看