我开始探索AngularJS,但对Angular渲染具有大量选项的select元素所花费的时间并不满意。
`http://plnkr.co/edit/lCeqaG91PeHjltT9AhBq?p=preview`
上面的plunker演示了一个简单的select元素,其中2000个选项需要大约一秒钟来渲染。
赞赏减少屏幕渲染时间的任何帮助。
感谢。
=================更新======================
在添加两个选择元素时,屏幕渲染时间增加了三倍。
答案 0 :(得分:-1)
也许您可以在填充数组时尝试将其存储在局部变量中?这将阻止任何UI呈现,直到填充整个列表。
var employeeList = [];
for (var i=0; i<2500; i++)
{
employeeList.push({id:i,name:"Employee - "+i});
}
$scope.employeeList = employeeList;