微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

我设法获得后端功能的持续轮询使用
this answer.

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

这是我目前的控制器(从step_11 (Angular.js Tutorial)略有修改):

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

尝试更新成功回调中的数据.像这样的东西:
(function tick() {
    Model.get({
        modelId : $routeParams.modelId
    },function(model) {
        $scope.line = model;    
        $timeout(tick,2000);
    });
})();

当模型resource正在获取数据时,这应该可以防止$scope.line为空时发生的闪烁.

原文地址:https://www.jb51.cc/angularjs/140282.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐