GroupBy 和 limitTo 不能一起工作？ AngularJS

Question

我用谷歌搜索了很多，但找不到解决方案。

我想同时使用 groupBy 和 limitTo 但它不起作用。

我的代码：

<ul ng-repeat="(key, value) in items | groupBy: 'group' | limitTo: limit"> ... </ul>

JS：

$scope.limit = 2; // its dinamic value

$scope.items = [
   {name: "Audi", group:1},
   {name: "BMW", group:1},
   {name: "Dodge", group:2},
   {name: "Fiat", group:2},
   {name: "Ford", group:3}
];

如果它们是分开的，那么它的工作，
但是当他们在一起时，它不起作用。

我该如何解决？

Answer 1

看起来你需要添加一个toArray 过滤器来将 groupBy 结果转换回 limitTo 的数组：

<ul ng-repeat="(key, value) in items | groupBy: 'group' | toArray | limitTo: limit"> ... </ul>