AngularJS选择了很多选项 - 慢渲染

时间:2015-03-09 23:09:20

标签: angularjs

我开始探索AngularJS,但对Angular渲染具有大量选项的select元素所花费的时间并不满意。

`http://plnkr.co/edit/lCeqaG91PeHjltT9AhBq?p=preview`

上面的plunker演示了一个简单的select元素,其中2000个选项需要大约一秒钟来渲染。

赞赏减少屏幕渲染时间的任何帮助。

感谢。

=================更新======================

在添加两个选择元素时,屏幕渲染时间增加了三倍。

1 个答案:

答案 0 :(得分:-1)

也许您可以在填充数组时尝试将其存储在局部变量中?这将阻止任何UI呈现,直到填充整个列表。

  var employeeList = [];
  for (var i=0; i<2500; i++) 
  {
     employeeList.push({id:i,name:"Employee - "+i});
  }
  $scope.employeeList = employeeList;