Javascript 角度-如果>；5对ng重复

我有一个过滤器列表，其中有50个项目。我只想显示5个项目，隐藏其余的，使“显示更多”按钮

{{a.name}}


显示更多

您可以使用

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

{{n}

这是一个示例

您可以使用

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

{{n}

---

以下是AngularJS中使用

limito

过滤器的示例

{{limito_表达式| limito:limit:begin}

以下是您的示例：

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

{{a.name}}


显示更多

在AngularJS中使用

limito

过滤器

{{limito_表达式| limito:limit:begin}

以下是您的示例：

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

{{a.name}}


显示更多

看看这个和这个演示

显示更多。。。

看看这个和这个演示

显示更多。。。