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

Question

我想显示我的ng-repeat 的有限结果，所以我首先想到的是limitTo。但是它的表达式 limitTo: 5 似乎没有解决我的问题。

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

Answer 1

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

这里是Fiddle。

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

Answer 2

在你的 ng-repeat 中使用 :filter

<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