页面加载后离子停止旋转器

Question

我有一个简单的按钮，里面有旋转器

<button class=" mybutton " ng-click="click()" id="servieren" ui-sref="menu.servieren"><ion-spinner ng-hide="showing" class="spinner-spiral"></ion-spinner>Servieren</button>

当我点击这个按钮时，旋转器开始旋转，页面打开，一切正常。

这是controllers.js中的js代码

.controller('inhaltCtrl', function($scope) {
    $scope.showing = true;
    $scope.click = function(){
        $scope.showing = false;
    }
})

但是当我回到按钮所在的页面时，旋转器仍然在旋转，它消耗掉了cpu。如何在打开页面后停止旋转器？

Answer 1

这可以实现使用 查看LifeCycle和事件

• ionViewDidLoad：仅当视图存储在内存中时才触发。此事件不会在输入已缓存的视图时触发。这是一个很好的地方，为init相关的任务。
• ionViewWillEnter：它是在输入页面时触发的，在它成为active页面之前是。用于每次输入视图时都要执行的任务(设置事件侦听器、更新表等)。
• ionViewDidEnter：在输入页面时触发，在页面成为活动页面后触发。和前一个非常相似。
• ionViewWillLeave：当您离开页面时触发，在它停止成为active页面之前启动。将它用于每次离开页面时都需要运行的东西(停用事件侦听器等)。
• ionViewDidLeave：当您离开页面时触发，在页面停止为active之后启动。和前一个相似。
• ionViewWillUnload：当视图将被完全删除时触发(在离开非缓存视图之后)。