javascript - Angular - 如果 ng-repeat 大于 5 则隐藏项目

Question

我有一个包含 50 个项目的过滤器列表。我只想显示 5 个项目并隐藏其余项目以制作“显示更多”按钮。

<ul>
    <li ng-repeat="a in filters.area">
         <input type="checkbox" ng-change="filter()" ng-model="a.checked"> {{ a.name }}
    </li>
</ul>
<span>SHOW MORE</span>

Answer 1

您可以使用LimitTo在 Angular

 <li ng-repeat="n in numbers | limitTo:numLimit">{{n}}</li>

这是一个示例 JsFiddle