limitTo angularjs具有更复杂的表达式？

Question

我想显示我ng-repeat的有限结果，所以我想到的第一件事就是限制。但是它的表达限制为：5似乎无法解决我的问题。

我希望我可以用limitTo做更复杂的事情，例如。显示某些组的结果限制，例如仅显示来自美国的50辆汽车。

Answer 1

使用：在ng-repeat中过滤

<div ng-init="friends = [{name:'John', phone:'555-1276'},
                         {name:'Mary', phone:'800-BIG-MARY'},
                         {name:'Mike', phone:'555-4321'},
                         {name:'Adam', phone:'555-5678'},
                         {name:'Julie', phone:'555-8765'},
                         {name:'Juliette', phone:'555-5678'}]"></div>

Search: <input ng-model="searchText">
<table id="searchTextResults">
  <tr><th>Name</th><th>Phone</th></tr>
  <tr ng-repeat="friend in friends | filter:searchText">
    <td>{{friend.name}}</td>
    <td>{{friend.phone}}</td>
  </tr>
</table>
<hr>
Any: <input ng-model="search.$"> <br>
Name only <input ng-model="search.name"><br>
Phone only <input ng-model="search.phone"><br>
Equality <input type="checkbox" ng-model="strict"><br>
<table id="searchObjResults">
  <tr><th>Name</th><th>Phone</th></tr>
  <tr ng-repeat="friendObj in friends | filter:search:strict">
    <td>{{friendObj.name}}</td>
    <td>{{friendObj.phone}}</td>
  </tr>
</table>

Reference

Answer 2

您可以在ng-repeat中使用多个过滤器。

这是Fiddle。

<div ng-repeat="people in peoples | filter:{country:'usa'} | limitTo:3">
            {{people.name}}
      </div>