AngularJS foreach 延迟循环

Question

我想在我的angular.foreach 循环中使用延迟。我有一个列表，我想以 2 秒的周期一个一个地显示它们。

 angular.forEach(vm.SimulationResult, function (value, key) {
                    timeout2 = $timeout(function () {
                        vm.Alerts.push({ msg: value.MainStatus });
                    }, 2000);
                });

我该怎么办？

Answer 1

利用 $timeout 返回一个 Promise 并将 Promise 链接在一起的事实，以便每个人启动另一个 Promise 超时，这将推送下一个警报：

let promise = $timeout();
angular.forEach(vm.SimulationResult, function(value, key) {
     promise = promise.then(function() {
         vm.Alerts.push({ msg: value.MainStatus });
         return $timeout(2000);
     });
});

（确保您的 Angular 版本是最新的，因为旧版本不允许您在超时时省略回调函数）