angular ng重复相反

前端之家收集整理的这篇文章主要介绍了angular ng重复相反前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我怎么能得到一个反向数组的角?
我想使用orderBy过滤器,但它需要一个谓词(例如’name’)来排序:
<tr ng-repeat="friend in friends | orderBy:'name':true">
      <td>{{friend.name}}</td>
      <td>{{friend.phone}}</td>
      <td>{{friend.age}}</td>
<tr>

有没有办法反转原始数组,没有排序。
像那样:

<tr ng-repeat="friend in friends | orderBy:'':true">
      <td>{{friend.name}}</td>
      <td>{{friend.phone}}</td>
      <td>{{friend.age}}</td>
<tr>
我建议使用自定义过滤器,如:
app.filter('reverse',function() {
  return function(items) {
    return items.slice().reverse();
  };
});

然后可以使用如:

<div ng-repeat="friend in friends | reverse">{{friend.name}}</div>

看到它在这里工作:Plunker Demonstration

这个过滤器可以根据您的需要定制,以适合您的需要。我在演示中提供了其他示例。一些选项包括在执行相反操作之前检查变量是否为数组,或者使其更宽松以允许反转更多的东西(例如字符串)。

猜你在找的Angularjs相关文章