本文主要是介绍ion-view 视图的生命周期及事件集合，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
ion-view 视图的生命周期及事件集合一个容器包含内容视图和任何导航以及页眉的信息。当一个视图进入和存在他的父 ionNavView, 该视图同样会发出信息,例如他的标题, 是不是应该存在返回按钮, 是不是相应的 ionNavBar应该存在, 应该用什么样的转场动画, 以及运动的轨迹。
视图被缓存下来来提高性能. 当你跳出一个视图, 他的元素被保存在Dom中并且他的作用范围也不再 $watch 的作用域内. 当我们访问到一个已经被缓存了的视图, 他的scope有重新回到作用于内, 并且那留在Dom中的元素也跟着被激活了.这也是可以被关闭的活着限制缓存视图的最大数量在TODO:ionic.directive:ionicConfig,视图$state 配置中, 或者视图本身的一个属性设置，看例子吧.
使用方法
下面的例子是我们的页面会加一个有 “My Page” 作为标题的ionNavBar 容器。
//这里添加代码……
<ion-nav-bar></ion-nav-bar>
<ion-nav-view>
<ion-view view-title="My Page">
<ion-content>
Hello!
</ion-content>
</ion-view>
</ion-nav-view>
视图生命周期及事件集（Beat14亮点）
视图可以被缓存意味着Controllers通常只需要加载一次，这势必会影响到你controller的逻辑了。去区别一个视图是否已经访问或离开，时间是不是已经被添加来调用视图的作用域 。这些事件也包含视图的数据，比如标题和返回按钮是不是应该显示。也包含转换数据，比如动画的转换类型和方向将被使用或已经被使用的。
$ionicView.loaded 视图已经被加载了。这事件只发生一次当视图被创建并添加到Dom中。当跳出页面并且被缓存了的话，再次访问这个页面时这个时间将不会被激活。Loaded 事件是个好方式让你为这个视图设置你的代码； 然而，他并不是我们推荐的时间去监听视图被激活。
$ionicView.enter 进入视图并被激活。这事件被激活来判断这个视图是第一个加载还是被缓存了的。
$ionicView.leave 离开这个视图并且不是活动页面。调用这个事件判断应该被缓存还是摧毁。
$ionicView.beforeEnter 视图即将被打开变成活动页面。
$ionicView.beforeLeave 视图将被关闭并且不是活动页面。
$ionicView.afterEnter 进入视图并是当前的活动页面
$ionicView.afterLeave 已经离开视图，并成为非激活页面
$ionicView.unloaded 视图的Controller已经被摧毁并且他的页面元素也从Dom中移除缓存
可以通过很方式开起和关闭缓存。通常, Ionic 会缓存最多 10 视图。你可以选择禁用缓存在一个独立的配置上，或由全局配置. 请参照在 ionNavView中查看更多的缓存信息。
这篇关于ion-view 视图的生命周期及事件集合的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
