0

我在 SO 和谷歌上都看过这里，但我正在努力寻找任何解决方案。

我有以下函数，当我不使用该setTimeout()函数而只调用我的轮询函数时，它按预期工作。但是当我尝试将我的轮询函数包装在 asetTimeout()中时，它会工作一次，然后除非页面被刷新，否则不会再次被调用，我已经在 GET 请求中包含了一个时间戳以防止使用缓存的响应，所以我不认为这就是问题所在。我也检查过，这种行为发生在 IE9、Firefox 和 Chrome 中。

$scope.progressPolling = function () {
    var time = new Date().toString();
    console.log("time :" + time);

    $http.get('pollprogress?time=' + time + '&id=' + $scope.jobID)
        .success(function (data, status, headers, config) {
            var percent = data.percentage;
            if (parseInt($scope.progress) < 100) {
                if (percent <= 100) {
                    $scope.progress = percent;
                }
                setTimeout(function() {
                    if (parseInt($scope.progress) < 100) {
                        temp = parseInt($scope.progress) + 1;
                        $scope.progressPolling();
                    };
                }, 5000);
            }
        })
        .error(function (data, status, headers, config) {
            console.log("Error updating Progress: " + data);
        });
}
4

2 回答 2

1

尝试将其更改为$timeout

$scope.progressPolling = function () {
var time = new Date().toString();
console.log("time :" + time);

var stop;

$http.get('pollprogress?time=' + time + '&id=' + $scope.jobID)
    .success(function (data, status, headers, config) {
        var percent = data.percentage;
        if (parseInt($scope.progress) < 100) {
            if (percent <= 100) {
                $scope.progress = percent;
            }
           stop = $timeout(function() {
                if (parseInt($scope.progress) < 100) {
                    temp = parseInt($scope.progress) + 1;
                    $scope.progressPolling();
                }
                   else{
                     $timeout.cancel(stop);
                   }
            }, 5000);
        }
    })
    .error(function (data, status, headers, config) {
        console.log("Error updating Progress: " + data);
    });
}

作为旁注，创建工厂：

 myModule.factory('delay', ['$q', '$timeout', function ($q, $timeout) {
 return {
    start: function () {
        var deferred = $q.defer();
        $timeout(deferred.resolve, 5000);
        return deferred.promise;
      }
   };
 }]);

之后你可以这样称呼它：

$q.all([delay.start(), /*your method */]);`
于 2013-09-19T13:03:02.903 回答
1

原因setTimeout似乎不起作用是因为回调函数在摘要周期之外执行，因此绑定没有更新。该$timeout服务将调用包装起来，$scope.$apply(...)以便更新 UI。你可以在setTimeout回调中自己做。

于 2013-09-19T13:09:30.820 回答