我如何能得到一个反向数组在角? 我试图使用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>
当前回答
你可以在你的作用域上调用一个方法来反转它，像这样:
<!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修改原始数组。
其他回答
从Angular 1.4.5开始，orderBy过滤器执行稳定的排序。(参见GitHub pull request https://github.com/angular/angular.js/pull/12408)
因此，使用常量谓词和反向设置为true就足够了:
<div ng-repeat="friend in friends | orderBy:0:true">{{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修改原始数组。
有用的提示:
你可以用普通Js来反转你的数组:
注意:反向是破坏性的，所以它会改变你的数组，而不仅仅是变量。
我建议使用这样的自定义过滤器:
app.filter('reverse', function() {
return function(items) {
return items.slice().reverse();
};
});
然后可以这样使用:
<div ng-repeat="friend in friends | reverse">{{friend.name}}</div>
看它在这里工作:活塞演示
这个过滤器可以根据您的需要进行定制。我在演示中提供了其他示例。一些选项包括在执行反转之前检查变量是否是数组，或者使其更宽松，以允许反转更多内容，如字符串。
如果你使用的是angularjs 1.4.4及以上版本，一个简单的排序方法是使用"$index"。
<ul>
<li ng-repeat="friend in friends|orderBy:$index:true">{{friend.name}}</li>
</ul>
视图演示
