Ng-Repeat Limit但在使用过滤器时包含所有数组

时间:2017-12-06 12:00:03

标签: javascript angularjs angularjs-ng-repeat

我有一张如下表所示的表格:

<table width="100%">
    <tr>
        <td class="td-img" ng-repeat="value in values | limitTo: 5 | filter: valueFilter" align="center"><img width="150" height="200" src="{{value.title}}"></td>
    </tr>
</table>

我将它限制为5因为我只希望它一次显示5但我还有一个过滤器用于我的ng-repeat,这个函数当前是空白的:

$scope.valueFilter = function(element)
{
    return true;
}

然而,当我尝试过滤表时,由于限制,一次只出现5个元素。有没有办法将要显示的项目限制为5,还包括数组中的所有值以进行过滤?

找到解决方案,由Guramidev建议:

<table width="100%">
    <tr>
        <td class="td-img" ng-repeat="value in values | filter: valueFilter | limitTo: 5" align="center"><img width="150" height="200" src="{{value.title}}"></td>
    </tr>
</table>

通过切换极限的过滤器,这允许它限制为5以及获取阵列中的所有元素。

0 个答案:

没有答案