我如何能得到一个反向数组在角? 我试图使用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>
当前回答
如果您使用1.3。X，你可以使用下面的方法
{{ orderBy_expression | orderBy : expression : reverse}}
按出版日期降序列出图书
<div ng-repeat="book in books|orderBy:'publishedDate':true">
来源:https://docs.angularjs.org/api/ng/filter/orderBy
其他回答
我补充了一个没有人提到的答案。如果你有服务器，我会试着让服务器来做。如果服务器返回大量记录，客户端过滤可能是危险的。因为您可能会被迫添加分页。如果你有来自服务器的分页，那么客户端筛选顺序，将在当前页面。这会让最终用户感到困惑。因此，如果您有一个服务器，那么将订单与调用一起发送，并让服务器返回它。
当你在。net和Angular中使用MVC时，你总是可以像这样使用orderbydescent()来查询你的db:
var reversedList = dbContext.GetAll().OrderByDecending(x => x.Id).ToList();
在Angular方面，它在一些浏览器(IE)中已经被反转了。当支持Chrome和FF时，你需要添加orderBy:
<tr ng-repeat="item in items | orderBy:'-Id'">
在本例中，您将对. id属性按降序排序。如果您正在使用分页，这将变得更加复杂，因为只有第一个页面将被排序。你需要通过控制器的.js过滤器文件来处理这个问题，或者以其他方式。
很抱歉在一年后才提出这个问题，但有一个新的、更简单的解决方案，适用于Angular v1.3.0-rc。5及以上。
在文档中提到: “如果没有提供属性，(例如。'+')，然后数组元素本身用于比较排序"。所以，解决方案是:
ng-repeat="friend in friends | orderBy:'-'"或
ng-repeat="朋友中的朋友| orderBy:'+':true"
这种解决方案似乎更好，因为它不修改数组，也不需要额外的计算资源(至少在我们的代码中)。我已经阅读了所有现有的答案，但仍然更喜欢这个答案。
我建议使用这样的自定义过滤器:
app.filter('reverse', function() {
return function(items) {
return items.slice().reverse();
};
});
然后可以这样使用:
<div ng-repeat="friend in friends | reverse">{{friend.name}}</div>
看它在这里工作:活塞演示
这个过滤器可以根据您的需要进行定制。我在演示中提供了其他示例。一些选项包括在执行反转之前检查变量是否是数组，或者使其更宽松，以允许反转更多内容，如字符串。
你可以在你的作用域上调用一个方法来反转它，像这样:
<!doctype html>
<html ng-app="myApp">
<head>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.angularjs.org/1.0.5/angular.min.js"></script>
<script>
angular.module('myApp', []).controller('Ctrl', function($scope) {
$scope.items = [1, 2, 3, 4];
$scope.reverse = function(array) {
var copy = [].concat(array);
return copy.reverse();
}
});
</script>
</head>
<body ng-controller="Ctrl">
<ul>
<li ng-repeat="item in items">{{item}}</li>
</ul>
<ul>
<li ng-repeat="item in reverse(items)">{{item}}</li>
</ul>
</body>
</html>
注意，$scope。reverse创建数组的副本，因为array. prototype.reverse修改原始数组。
