Angularjs angular js可以映射大量数据
我必须映射和显示5000-6000个数据量。我从第一次调用中收到一组ID,然后根据该调用生成第二个ID,以获得通过ID的可显示名称。我的服务是这样的Angularjs angular js可以映射大量数据,angularjs,performance,angularjs-ng-repeat,Angularjs,Performance,Angularjs Ng Repeat,我必须映射和显示5000-6000个数据量。我从第一次调用中收到一组ID,然后根据该调用生成第二个ID,以获得通过ID的可显示名称。我的服务是这样的 .factory('getDisplayName', function($http, $q){ var deffered = $q.defer(); return{ getName: function(ids){ //array $http.get(url+ids)
.factory('getDisplayName', function($http, $q){
var deffered = $q.defer();
return{
getName: function(ids){ //array
$http.get(url+ids)
.success(function(data){
deffered.resolve({
dname: _.map(data, function(d){
return d.groupId+":"+d.display_name;
})
});
}).error(function(err){
deffered.reject(err);
console.log("error in getting display names");
});
return deffered.promise;
}
};
});
getDisplayName.getName([1,2.....6000]).then(function(d){
$scope.displayList = d.dname;
});
html:
但是我面临一个问题,这种方法不足以在不阻塞UI的情况下显示ID。UI获取块
我试图找到一种更好的方法来处理大量数据,而不阻塞用户界面。
谢谢提前获得任何建议分页怎么样?您真的需要一次显示所有6000个吗?这是angularjs性能调优提示的已知问题。在这里我找到了一些好文章:,@gearsdigital是的,这是一个问题,不允许分页,因为必须立即显示它们。这是我们在我们的应用程序上做的性能测试。AAOSSIL感谢文章的指针。你应该考虑扩展NG重复指令。ng repeat=按$index显示列表曲目中的名称
<div ng-repeat="name in displayList">{{name}}</div>