angularjs – 嵌套ng-repeat的DOM娱乐性能问题

用户界面看起来像这样：

我遍历所有人,然后为我循环的每个人,然后为那天的那个用户渲染日历对象.像这样(简化)：

<div ng-repeat="user in ::ctrl.users track by user.id" class="row">
    <div ng-repeat="day in ctrl.days" class="cell">
        <div ng-repeat="item in ctrl.items[user.id][day] track by item.id">
            <div class="item">

这个页面上没有疯狂的观察者数量(大约500个),几乎所有东西都是绑定一次.

问题是当用户单击上一个/下一个按钮以加载上一周或下周时.这将使用新的日期更改ctrl.days数组,并加载所有正确的项目.这样做会很好,直到你有大量的人和日历项目.然后所有DOM元素的破坏和重新创建都非常缓慢.

我遇到了sly-repeat指令,它用于缓存和重用DOM元素,但由于我的外部ng-repeat更改(ctrl.days),内部ng-repeat(带项目)也被重新创建.所以它并没有真正起作用.

我怎么解决这个问题？现在,使用大型数据集浏览数周需要大约2秒钟,这当然是不可接受的.通过一小组用户和日历项目,一切都非常活泼.