Javascript 更改$scope变量时HTML更新延迟
我有一个http请求,它获取一些数据并将其应用于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&
$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;
});
}