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

注意に逆の順序で、それをどのように行うのか:これは、私が言及したものですが、私は、角度jsの中に逆の順序で配列インデックスをしたいです。ここでは、私は、配列のインデックスを印刷しようとしていたが、私たちはangularjs

+0

感謝を助けになると思う逆に反復を説明するために単純な例ですが、私は配列のインデックスを印刷しているので、私は配列を逆にする必要はありません、私はちょうどそれらを逆にしたい配列全体orderByフィルタを使用します。これは全体的な文脈でこれを参照していましたhttp://jsfiddle.net/rvgvs2jt/2/ –

答えて

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

チェックは、これはあなたの応答のための

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> 
0

はthis.Iと

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

私はこれが動作するかもしれないと思うリンクを確認してください、私はこのコードを参照していたコード番号http:// jsfiddleを印刷するためのすべての時間。 net/rvgvs2jt/2/ –

+0

ええ、それは動作しますが、私は彼がインデックスを逆に印刷したいと思います –

関連する問題