无闪烁的轮询角与REST后端(Non-Flickering Polling in Angular w

2019-09-01 19:41发布

我设法获得后端的恒定轮询功能使用这个答案。

但在每一个超时的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是空的,因为模型资源的获取数据。



文章来源: Non-Flickering Polling in Angular with REST Backend