渲染只列出的可见部分

时间:2015-09-17 18:58:56

标签: javascript angularjs

我有一个包含长列表的页面(500个项目)。在手机上渲染需要很长时间(Galaxy S5)。所以我想实现的东西是我只绘制实际可见的项目(如果可能的话,重用dom元素而不是重绘)。有指令允许这个吗?

请注意,由于我不想懒洋洋地加载更多数据,因此这不是无限滚动。整个数据都在那里,我只想展示它的滑动窗口(同样,无限滚动会添加更多项目,但不会删除那些滚动的内容,因此我向下滚动渲染将变得越来越慢)

1 个答案:

答案 0 :(得分:0)

您可以虚拟化数据。这是一个教程:

http://twofuckingdevelopers.com/2014/11/angularjs-virtual-list-directive-tutorial/

希望它有所帮助!