Angular-orderBy (过滤器)

从官网上copy的例子,只做简单的注释用

<body ng-app="orderByExample">
  <div ng-controller="ExampleController">
  <table class="friend">
    <tr>
      <th>Name</th>
      <th>Phone Number</th>
      <th>Age</th>
    </tr>
    <tr ng-repeat="friend in friends | orderBy:'-name'">
      <td>{{friend.name}}</td>
      <td>{{friend.phone}}</td>
      <td>{{friend.age}}</td>
    </tr>
  </table>
</div>
</body>

用法很简单,看上去和filter差不多,现阶段只看出用作排序的作用。

前面若加“-”的话,为倒叙,否则以指向的内容进行排序。

效果:Angular-orderBy (过滤器)_第1张图片

官网demo:http://plnkr.co/edit/?p=preview

你可能感兴趣的:(Angular-orderBy (过滤器))