在更新重复数据时克服UI块



所以是的,显然有可能有长的网格,其中有很多行是用角度构建的。但随之而来的是数据更新问题。

你看,如果我得到所有的(比方说10000行)并在我的网格中渲染它们,那就行了。最初只需要几秒钟。和

a) 我没有所有的日期b) 我需要电网立即做出响应。

我可以通过一开始只抛出100行来做到这一点,然后在数据可用时慢慢更新数据。这就是问题所在。每次将新行推入$scope.data时,它都会阻塞UI。所以我需要对这些更新保持理智。

  • 也许我应该设置一个间隔,每隔几秒钟更新一次数据这似乎不起作用

  • 也许我应该以某种方式观察鼠标的移动,一旦它停止移动-开始/恢复添加行,一旦检测到鼠标移动,抓住添加行并等待另一次机会?-如果用户从未停止移动鼠标怎么办?(说某种神经病)

  • 尝试"喉咙痛"one_answers"弹跳力"并没有让我取得任何进展。

    你们有什么想法吗?

乌干达人民国防军:这是一个疯狂的问题:如果呢?不要等到angular更新DOM,而是在内存中创建整个DOM结构,就在摘要周期之前(没有数据),然后插入HTML块(这会更快,对吧?)然后让angular发挥其魔力,数据就会出现。这样行吗?

当某些内容发生更改时,即使您可以将所有这些行呈现到DOM,也会遇到性能问题。而且您的用户可能无论如何都不会滚动浏览10000行。我只想使用分页。例如:

<div ng-repeat="item in items | startFrom:currentPage*itemsPerPage | limitTo:itemsPerPage"></div>

如果你真的想把所有的东西都放在一个页面上,你可以在用户滚动时加载行。如果您对该解决方案感兴趣,请检查http://binarymuse.github.io/ngInfiniteScroll/

我注意到我愚蠢地忽略了一件事——容器必须有固定的高度。这大大加快了更新速度。尽管从技术上讲,它并不能完全解决问题

最新更新