Question

我有一个在1分钟后更新的视图，我在离开此视图之前停止计时器，一切正常。返回当前视图后，计时器不会再次重启。

这是该视图的控制器代码：

.controller('IndexCtrl', function($scope, $timeout, RestService) {
    var updateN = 60*1000;
    $scope.test = "View 1 - Update";
    var update = function update() {
         timer = $timeout(update, updateN);
         /** make a http call to Rest API service and get data **/
        RestService.getdata(function(data) {;
             $scope.items = data.slice(0,2);
         });
    }();

   /** Stop the timer before leave the view**/
    $scope.$on('$ionicView.beforeLeave', function(){
   $timeout.cancel(timer);
      //alert("Before Leave");
   });  

   /** Restart timer **/
    $scope.$on('$ionicView.enter', function(){
    $timeout(update, updateN);
      //alert("Enter");
   }); 
})

.controller('ViewCtrl2', function($scope) {

  $scope.test = "View 2";

});

Answer 1

我解决了这个问题，缓存没有问题，但是在我重新进入页面后没有调用的函数更新。我在$ ionicView.enter中移动更新函数：更正的代码是：

   $scope.$on('$ionicView.beforeLeave', function(){
      //updateN=12000000;
      $timeout.cancel(timer);
      //alert("Leave");
   });

  $scope.$on('$ionicView.enter', function(){
      //updateN=12000000;
    var update = function update() {
    timer = $timeout(update, updateN);
    RestService.getdata(function(data) {
        //console.log(tani);
        //$scope.items = data;
        $scope.items = data.slice(0,2);
    });
   }();
   });

Answer 2

当您返回当前视图时，它来自缓存，因此控制器无法再次运行。您可以通过添加以下代码行来禁用应用配置部分中的缓存：

$ionicConfigProvider.views.maxCache(0);

或者您可以通过添加在路由部分中的特定视图上禁用缓存 cache：false属性。

更多信息here和here

Answer 3

在您的代码中，您的控制器功能不会在更改视图时调用。在var update函数之外调用$ timeout函数。每次加载视图时，都会调用其控制器并在其范围内调用匿名或自执行函数。

.controller('IndexCtrl', function($scope, $timeout, RestService) {
var updateN = 60 * 1000;
$scope.test = "View 1 - Update";
var update = function update() {
    var timer = $timeout(update, updateN);
    /** make a http call to Rest API service and get data **/
    RestService.getdata(function(data) {;
        $scope.items = data.slice(0, 2);
    });
}();

/** Stop the timer before leave the view**/
$scope.$on('$ionicView.beforeLeave', function() {
    $timeout.cancel(timer);
    //alert("Before Leave");
});

/** Restart timer **/
$scope.$on('$ionicView.enter', function() {

    timer()
});

}）

.controller（'ViewCtrl2'，function（$ scope）{

$scope.test = "View 2";

}）;

AngularJs＆amp; Ionic：更改并返回查看时停止/重新启动$ timeout

3 个答案: