博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ionic 全局监听所有页面事件
阅读量:6001 次
发布时间:2019-06-20

本文共 660 字,大约阅读时间需要 2 分钟。

1.问题描述:

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

2.问题分析:

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

3.解决办法:

在 ionic 的 ionic-angular 包中,有一个工具类是 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.实现结果

实现结果

转载地址:http://zadmx.baihongyu.com/

你可能感兴趣的文章
【转】AndroidStudio升到最新版本(3.1.2)之后
查看>>
FXAA,FSAA与MSAA有什么区别?效果和性能上哪个好
查看>>
收藏一个gis blog
查看>>
我所了解的WEB开发 (1)
查看>>
python官方文档
查看>>
Linux下tomcat无法启动
查看>>
Maven之Nexus构建企业级Maven仓库
查看>>
Vware Workstation pro 12|虚拟机
查看>>
AngularJs学习笔记
查看>>
华为交换机端口安全
查看>>
30天React Native从零到IOS/Android双平台发布总结
查看>>
stringByAppendingPathComponent和stringByAppendingString 的区别
查看>>
dubbo main方法启动
查看>>
Oracle中TO_DATE TO_CHAR格式
查看>>
C#实现HTTP请求文件下载,GET、POST请求的数据流接收
查看>>
Apache配置HTTPS功能
查看>>
CreatarGlobe实现多机立体显示方案(初稿)
查看>>
EasyUI 取得选中行数据
查看>>
Pairwise Leanrning
查看>>
在红帽的linux-rhce-5.4下配置lamp环境
查看>>