ionic 全局监听所有页面事件

发布时间:2019-07-15 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了ionic 全局监听所有页面事件脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

1.问题描述:

因为目前有一个需求是 不在每一个页面都埋点的情况下,统计页面的打开次数

2.问题分析:

既然想要知道某一个页面是否打开,那么肯定需要去监听 页面打开的生命周期,根那么有什么办法可以在全局监听到某一个 页面的生命周期呢?

3.解决办法:

在 ionic 的 ionic-Angular 包中,有一个工具类是 App ;
地址: https://ionicframework.com/docs/api/components/app/App/
对于它的描述是 :App is a utilITy class used in Ionic to get information about VARious asPEcts of an app

4.使用方式:

既然要全局监听,那么我们就在 app.component.ts 中使用

import {App} From "ionic-angular";

export class MyApp {
 constructor(public app: App,platform: Platform){
        //统计页面是否加载
    this.app.viewDidLoad.subscribe(res=>{
      console.log(res);
      console.log(res.component.name);
      // do something
    })
    }
}

由于我这个需求,所以只监听了页面 ionViewDidLoad 这个生命周期,,其他需求可以看文档实现. 比如全局关闭加载框(loading) 或对话框(toast)

5.实现结果

ionic 全局监听所有页面事件

脚本宝典总结

以上是脚本宝典为你收集整理的ionic 全局监听所有页面事件全部内容,希望文章能够帮你解决ionic 全局监听所有页面事件所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。