所以是的,显然有可能有长网格,有很多行用角度构建。但随后数据更新出现问题。
你看我是不是全部(让我们说10 000行)并在我的网格中渲染它们 - 这是有效的。最初只需要几秒钟。并且
a)我没有预先确定所有日期 b)我需要网格立即响应。
我可以这样做,让我们在开头只说100行,然后在数据可用时慢慢更新数据。结果证明是问题所在。每次将新行推入$scope.data
时 - 它都会阻止UI。所以我需要对这些更新保持警惕。
尝试_.throtle和_.debounce并没有让我到任何地方。
你们有什么想法吗?
答案 0 :(得分:0)
即使您可以将所有这些行呈现给DOM,您也会遇到性能问题。而且您的用户可能无论如何都不会滚动10000行。我只想使用分页。 e.g:
<div ng-repeat="item in items | startFrom:currentPage*itemsPerPage | limitTo:itemsPerPage"></div>
如果您真的希望在一个页面上拥有所有内容,则可以在用户滚动时加载行。如果您对该解决方案结帐感兴趣http://binarymuse.github.io/ngInfiniteScroll/
答案 1 :(得分:0)
我注意到的一件事我愚蠢地忽略了 - 容器必须有固定的高度。这显着加快了更新速度。虽然从技术上讲它完全没有解决问题