Javascript 更改$scope变量时HTML更新延迟

Javascript 更改$scope变量时HTML更新延迟,javascript,html,angularjs,scope,Javascript,Html,Angularjs,Scope,我有一个http请求,它获取一些数据并将其应用于$scope变量: $http.post("/api/division", 1).success(function(data){ $scope.division = data; }); 现在,在我的HTML中,我遍历这些数据并显示各种信息,例如: <div data-ng-repeat="player in division"> <div>{{player.name}}</div> <div&

我有一个http请求,它获取一些数据并将其应用于
$scope
变量:

$http.post("/api/division", 1).success(function(data){
  $scope.division = data;
});
现在,在我的HTML中,我遍历这些数据并显示各种信息,例如:

<div data-ng-repeat="player in division">
  <div>{{player.name}}</div>
  <div>{{player.number}}</div>
  <div>{{player.score}}</div>
</div>

现在,前端确实会使用新信息进行更新,但是数据成功返回和HTML更新之间似乎有5-10秒的延迟。所以问题不在于服务器的速度。这是否与需要
$emit
$broadcast
变量更改有关?如何消除延迟?

使用
$emit
$broadcast
对性能没有帮助(基于您的代码示例)。如果有什么问题的话,它会因为额外的摘要而降低性能。我认为ti应该是好的,可能是因为您更新了对数组的引用,而不是其中的项。我会尝试将代码包装到$timeout调用中<代码>$timeout(函数(){$scope.division=data},0)一个师有多少名玩家?@davintroon该师有10名玩家,每个玩家都有一个包含大约10位信息的对象。因此,总的来说,一个包含大约100个内容的多维对象会被更新到
$scope.division
中。实际上,除了大量数据之外,应该没有问题。在所有浏览器中都是一样的吗?
$scope.getDivision = function(){
  $http.post("/api/division", 2).success(function(data){
    $scope.division = data;
  });
}