javascript - Angular Ng-Repeat 与键值列表

Question

我正在返回一个包含需要迭代的键/值的对象。 我是这样做的:

ng-repeat="(index, thing) in data"

非常简单，但我需要将其限制为 2 个项目。并且常规的 limitTo Angular 过滤器似乎无法以这种方式工作。是否可以在 View 中以这种方式进行过滤？还是我必须在数据到达 View 之前修改数据？例如，我希望能够做到这一点:

ng-repeat="(index, thing) in data | limitTo:2"

Answer 1

您可以编写自己的过滤器，名称类似于 limitObjecTo，它能够返回仅具有前两个属性的对象。

您有没有使用数组的原因？这似乎更合适。

示例:http://jsfiddle.net/LgTfs/

.filter('limitObjectTo', function() {
  return function(obj, limit) {
    var newObj = {}, i = 0, p;
    for (p in obj) {
      newObj[p] = obj[p];
      if (++i === limit) break;
    }
    return newObj;
  };
});