具有REST后端的Angular中的非闪烁轮询

Question

我使用这个答案设法得到后端功能的持续轮询 .

但是在每次超时时,UI都会闪烁(短时间内为空模型).在新数据到达后如何更新模型(和视图)以避免这种闪烁效应？

这是我当前的控制器(从step_11(Angular.js教程)略微修改):

function MyPollingCtrl($scope, $routeParams, $timeout, Model) {

(function tick() {
    $scope.line = Model.get({
        modelId : $routeParams.modelId
    }, function(model) {
        $timeout(tick, 2000);
    });
})();

}

//编辑:我正在使用当前稳定的Angular.js 1.0.6

Answer 1

尝试更新成功回调中的数据.像这样的东西:

(function tick() {
    Model.get({
        modelId : $routeParams.modelId
    }, function(model) {
        $scope.line = model;    
        $timeout(tick, 2000);
    });
})();

这样可以防止$scope.line模型资源获取数据时出现空白时发生的闪烁.