Question

我有一张桌子，我试图将该桌子的大小限制为5.这是我到目前为止所拥有的。

 <tr ng-repeat="(key,value) in cla|limitTo:5">
     <td class="mdl-data-table__cell--non-numeric">{{ key}}</td>
     <td class="mdl-data-table__cell--non-numeric">{{ value | number:2}}</td>                         
 </tr>

这项工作......

<tr ng-repeat="prof in profstats | limitTo:3 " ng-click="selectedProf(key)">
    <td class="mdl-data-table__cell--non-numeric">{{ prof.name}}</td>
    <td class="mdl-data-table__cell--non-numeric">{{ prof.avgGrade}}</td>
</tr>

这个问题是否与密钥，值有关？

Answer 1

它不起作用，因为limitTo期待array而cla是object

Answer 2

尝试创建自定义过滤器，如下所示：

app.filter('objectLimitTo', function() {
    return function(obj, limit) {
        var result = {};

        var curr = 0;

        for (var key in obj) {
            if (obj.hasOwnProperty(key)) {
                result[key] = obj[key];

                if (++curr===limit) break;
            }
        }

        return result;
    };
});

模板：

<tr ng-repeat="(key,value) in (cla|objectLimitTo:5)">
    <td class="mdl-data-table__cell--non-numeric">{{ key}}</td>
    <td class="mdl-data-table__cell--non-numeric">{{ value | number:2}}</td>                         
</tr>

AngularJS限制表大小不起作用

2 个答案: