我们可以在 AngularJS 中更新 $timeout 吗？

Question

以下是我正在尝试做的事情。当第一次超时被强制取消时，我想启动第二次超时功能，没有已经存在的延迟，如果没有取消超时。

$scope.data1_timeout = $timeout(function() {
  // some action
}, 2000);

$scope.data2_timeout = $timeout(function() {
  // some action
}, 4000);

$scope.show = function() {
  if (some action) {
    $timeout.cancel($scope.data1_timeout); //works perfectly fine
    //But how do I update data2_timeout so that the action inside it occurs just after data1_timeout is cancelled in this block.
  }
}

Answer 1

取消 $timeout 并手动调用您的函数即可轻松完成。保持简单 =).

$scope.data1_timeout = $timeout(function() {
  // some action
}, 2000);

$scope.data2_timeout = $timeout(function() {
  myAction();
}, 4000);

$scope.show = function() {
  if (some action) {
    $timeout.cancel($scope.data1_timeout);
    $timeout.cancel($scope.data2_timeout);
    myAction();
  }
}

function myAction () {
  console.log('done');
}

Answer 2

这使用 $timeout 返回的承诺，当 $timeout 被取消时该承诺被拒绝。 catch 处理程序拒绝第二个计时器并立即执行其操作。

$scope.data1_timeout = $timeout(function() {
  // some action
}, 2000);

$scope.data2_timeout = $timeout(function() {
  // some action
}, 4000);

$scope.data1_timeout.catch(function(){
    $timeout.cancel($scope.data2_timeout);
    //same actions here as in data2_timeout
})

将 data2_timeout 功能封装在命名函数中并从两个地方调用它更有意义，如下所示：

$scope.data1_timeout = $timeout(function() {
  // some action
}, 2000);

function someAction2() {
    //some action
}

$scope.data2_timeout = $timeout(someAction2, 4000);

$scope.data1_timeout.catch(function(){
    $timeout.cancel($scope.data2_timeout);
    someAction2();
})

注意：如果 data2 操作的目的是等待 data1_timeout 完成或被取消，那么 data2 不是超时，只需将其添加为 .finally() 回调 data1_timeout承诺。

$scope.data1_timeout = $timeout(function() {
  // some action
}, 2000);

$scope.data1_timeout.finally(function() {
  // do data2 stuff here.
  // Guaranteed to run, after data1_timeout completes or is canceled.
});

我们可以在 AngularJS 中更新 $timeout 吗？

Can we update $timeout in AngularJS?

angularjs

angularjs-timeout