Ionic视图事件集合

林氏智造 于 2016-04-06 发布 4106 人已阅

监听方式

$scope.$on("$ionicView.beforeEnter", function() {});

视图事件集合

$ionicView.loaded

视图已经被加载了,这事件只发生一次当视图被创建并添加到Dom中。 当跳出页面并且被缓存了的话,再次访问这个页面时这个时间将不会被激活。 Loaded事件是个好方式让你为这个视图设置你的代码; 然而,他并不是我们推荐的时间去监听视图被激活。

$ionicView.enter

进入视图并被激活。这事件被激活来判断这个视图是第一个加载还是被缓存了的。

$ionicView.leave

离开这个视图并且不是活动页面。调用这个事件判断应该被缓存还是摧毁。

$ionicView.beforeEnter

视图即将被打开变成活动页面。

$ionicView.beforeLeave

视图将被关闭并且不是活动页面。

$ionicView.afterEnter

进入视图并是当前的活动页面

$ionicView.afterLeave

已经离开视图,并成为非激活页面

$ionicView.unloaded

视图的Controller已经被摧毁并且他的页面元素也从Dom中移除

标签

您可能感兴趣的文章

如何优雅的选择字体(font-family)

当前项目对字体要求很高,之前对font-family这个属性没怎么仔细去研究它,现在整理了一个通用方案适合大多数网站使用。

React+webpack 部署概要

React+webpack 组合已经成为开发react的经典搭配,把常用的webpack配置文件和一些react的常用代码规范记录下方便以后开发使用

gulp前端自动化部署方案

gulp 前端自动化代码,根据自己的项目需求编写,包括压缩合并css,压缩合并js,雪碧图,版本号插入等功能

纯CSS制作各种图形

用图片做图标会加大页面的大小,现在能用CSS写图标就用CSS写,维护起来也方便加载速度也快