GroupBy和limitTo不能一起工作？ AngularJS

Question

我用Google搜索非常努力，但无法找到解决方法。

我想一起使用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>