我试图打印数组索引,但我们如何在angularjs中以相反的顺序执行

时间:2016-07-30 04:50:09

标签: javascript arrays angularjs sorting

<tr ng-repeat="qualityalert in qualityalerts" current="$parent.start;$parent.start=$parent.start+(qualityalerts.length);">
<td class="v-middle">{{current + $index}}</td>
</tr>

注意:这是我所指的,但我希望角度js中的数组索引的顺序相反。

3 个答案:

答案 0 :(得分:1)

<div ng-app="myapp" ng-controller="AppController">
 <table class="friends">
  <tr>
   <th>Order</th><th>Name<th><th>Phone Number</th><th>Age</th>
  </tr>
    <tr ng-repeat="(k,friend) in friends| orderBy:'-' ">
    <td>{{friends.length - $index}}</td>
    <td>{{friend.name}}</td>
    <td>{{friend.phone}}</td>
    <td>{{friend.age}}</td>
  </tr>
 </table>
</div>


app=angular.module('myapp', [])
app.controller('AppController', ['$scope', function($scope) {
 $scope.friends = [
  {name: 'John',   phone: '555-1212',  age: 10},
  {name: 'Mary',   phone: '555-9876',  age: 19},
  {name: 'Mike',   phone: '555-4321',  age: 21},
  {name: 'Adam',   phone: '555-5678',  age: 35},
  {name: 'Julie',  phone: '555-8765',  age: 29}
 ];
}]);

Demo Link

检查一下。我想这会对你有帮助

答案 1 :(得分:0)

<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>

<p>Click the table headers to change the sorting order:</p>

<div ng-app="myApp" ng-controller="namesCtrl">

<table border="1" width="100%">
<tr>
<th ng-click="orderByMe('name')">Name</th>
<th ng-click="orderByMe('country')">Country</th>
<th ng-click="orderByMe('newIndex')">Index</th>
</tr>
<tr ng-repeat="x in names | orderBy:myOrderBy:true" ng-init="x.newIndex = $index">
<td>{{x.name}}</td>
<td>{{x.country}}</td>
<td>{{x.newIndex}}</td>
</tr>
</table>

</div>

<script>
angular.module('myApp', []).controller('namesCtrl', function($scope) {
    $scope.names = [
        {name:'Jani',country:'Norway'},
        {name:'Carl',country:'Sweden'},
        {name:'Margareth',country:'England'},
        {name:'Hege',country:'Norway'},
        {name:'Joe',country:'Denmark'},
        {name:'Gustav',country:'Sweden'},
        {name:'Birgit',country:'Denmark'},
        {name:'Mary',country:'England'},
        {name:'Kai',country:'Norway'}
        ];
    $scope.orderByMe = function(x) {
        $scope.myOrderBy = x;
    }
});
</script>

</body>
</html>

答案 2 :(得分:0)

这是一个简单的例子来说明迭代反转

<div ng-repeat="qualityalert in qualityalerts track by $index | orderBy:'-toString()'">
    {{$index}}
</div>