$ionicView执行顺序_$scope.$on('$ionicview

作者：菜鸟追梦旅行 | 2024-03-12 06:50:55

踩

$scope.$on('$ionicview

 
 $scope.$on('$ionicView.loaded', function() { 
 
   console.log("$ionicView.loaded"); 
 
 }); 
 
 $scope.$on('$ionicView.beforeEnter', function() { 
 
   console.log("$ionicView.beforeEnter"); 
 
 }); 
 
 $scope.$on("$ionicView.enter", function() { 
 
   console.log("$ionicView.enter"); 
 
 }); 
 
 $scope.$on('$ionicView.afterEnter', function() { 
 
   console.log("$ionicView.afterEnter"); 
 
 }); 
 
 $scope.$on('$ionicView.beforeLeave', function() { 
 
   console.log("$ionicView.beforeLeave"); 
 
 }); 
 
 $scope.$on('$ionicView.leave', function() { 
 
   console.log("$ionicView.leave"); 
 
 }); 
 
 $scope.$on('$ionicView.afterLeave', function() { 
 
   console.log("$ionicView.afterLeave"); 
 
 }); 
 
 $scope.$on('$ionicView.unloaded', function() { 
 
   console.log("$ionicView.unloaded"); 
 
 }); 
 
 $ionicView.loaded 视图已经被加载了。这事件只发生一次当视图被创建并添加到Dom中。当跳出页面并且被缓存了的话，再次访问这个页面时这个时间将不会被激活。Loaded事件是个好方式让你为这个视图设置你的代码； 然而，他并不是我们推荐的时间去监听视图被激活。
 $ionicView.enter 进入视图并被激活。这事件被激活来判断这个视图是第一个加载还是被缓存了的。
 $ionicView.leave 离开这个视图并且不是活动页面。调用这个事件判断应该被缓存还是摧毁。
 $ionicView.beforeEnter 视图即将被打开变成活动页面。
 $ionicView.beforeLeave 视图将被关闭并且不是活动页面。
 $ionicView.afterEnter 进入视图并是当前的活动页面
 $ionicView.afterLeave 已经离开视图，并成为非激活页面
 $ionicView.unloaded 视图的Controller已经被摧毁并且他的页面元素也从Dom中移除

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/菜鸟追梦旅行/article/detail/222819

`$ionicView.loaded`	视图已经被加载了。这事件只发生一次当视图被创建并添加到Dom中。当跳出页面并且被缓存了的话，再次访问这个页面时这个时间将不会被激活。Loaded事件是个好方式让你为这个视图设置你的代码；然而，他并不是我们推荐的时间去监听视图被激活。
`$ionicView.enter`	进入视图并被激活。这事件被激活来判断这个视图是第一个加载还是被缓存了的。
`$ionicView.leave`	离开这个视图并且不是活动页面。调用这个事件判断应该被缓存还是摧毁。
`$ionicView.beforeEnter`	视图即将被打开变成活动页面。
`$ionicView.beforeLeave`	视图将被关闭并且不是活动页面。
`$ionicView.afterEnter`	进入视图并是当前的活动页面
`$ionicView.afterLeave`	已经离开视图，并成为非激活页面
`$ionicView.unloaded`	视图的Controller已经被摧毁并且他的页面元素也从Dom中移除