在对象的属性上拆分ng-repeat

时间:2016-02-22 12:32:52

标签: angularjs angularjs-directive angularjs-ng-repeat angularjs-limitto

我有一个指令,在高图表上注入大量数据,使用ng-repeat在对象的属性上进行迭代:

<div class="row animated fadeIn" ng-repeat="datum in controllerData" ng-if="(SizeOf(controllerData) > 0 && !dataInLoad)">....</div>

现在..这通常会注入至少5-8个图表,它会让探险家卡住大约20-40秒。

现在我知道有很多方法可以分解ng-repeat,如果迭代字符串或数组,但是我的应用程序需要迭代这个对象的属性(controllerData)。

有没有办法控制ng-repeat,以便每次只加载几个图表,然后才继续?

谢谢

1 个答案:

答案 0 :(得分:0)

这是怎么回事。 https://docs.angularjs.org/api/ng/filter/filter。这将根据你的表达式给出新数组。

splitData = _.filter(array, function(data){ return array.id==1});

这会将属性为id == 1的数据拆分为单独的数组。