我如何能得到一个反向数组在角? 我试图使用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>

当前回答

这是因为您使用的是JSON对象。当你面对这样的问题时,把JSON对象改为JSON数组对象。

例如,

{"India":"IN","America":"US","United Kingdon":"UK"} json object
[{"country":"India","countryId":"IN"},{"country":"America","countryId":"US"},{"country":"United Kingdon","countryId":"UK"}] 

其他回答

我建议使用数组本机反向方法总是比创建过滤器或使用$index更好的选择。

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

Plnkr_demo。

你也可以使用.reverse()。它是一个原生数组函数

<div ngn -repeat=“朋友们的朋友。反向()”>{{朋友}</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来反转你的数组:

注意:反向是破坏性的,所以它会改变你的数组,而不仅仅是变量。

当你在。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过滤器文件来处理这个问题,或者以其他方式。