AngularJS limitTo过滤对象上的ngRepeat（像字典一样使用）

Question

是否可以在ngRepeat指令上使用limitTo过滤器，该指令重复Object的属性而不是Array中的项。

我知道官方文档说limitTo的输入需要是数组或字符串。 但想知道是否有办法让这个工作。

这是一个示例代码：

<li ng-repeat="(key, item) in phones_dict |orderBy:'-age'| limitTo:limit_items"></li>

并且$scope.phones_dict是一个像对象一样

{ 
     item_1: {name:"John", age: 24},
     item_2: {name:"Jack", age: 23}
}

Answer 1

limitTo仅适用于字符串和数组，对象使用自己的过滤器，例如：

myApp.filter('myLimitTo', [function(){
    return function(obj, limit){
        var keys = Object.keys(obj);
        if(keys.length < 1){
            return [];
        }

        var ret = new Object,
        count = 0;
        angular.forEach(keys, function(key, arrayIndex){
            if(count >= limit){
                return false;
            }
            ret[key] = obj[key];
            count++;
        });
        return ret;
    };
}]);

关于小提琴的例子： http ： //jsfiddle.net/wk0k34na/2/

Answer 2

添加

 ng-if ="$index < limit"

ng-repeat标签为我做了伎俩，尽管它可能不是严格的“正确”方式。

Answer 3

或者你可以使用'跟踪$ index'...而你的限制将是：

limitTo: $index == 5 (or any value)

Answer 4

默认limitTo过滤器在1.5.7之后支持类似于数组的对象（ 示例 ）