AngularJS ORDERBYは、私はNGリピートとmaterlizeの「ストライピング」クラスを使用して角度のページの表を作っていてストライプクラス

Question

を実体台無し：

table.striped>tbody>tr:nth-child(odd) { 
    background-color: #f2f2f2 
} 

私はng-を注文していない場合、それは正常に動作します繰り返しますが、ng repeat（orderBy: 'Student.firstName'）にorderByを追加すると、最初の行と最後の行だけが白くなり、残りのテーブルは影付きになります。私はまた、

$scope.questionScores = _.orderBy $scope.questionScores, 'Student.firstName' 

を使用して、コントローラ内の配列を注文し、

$scope.questionScores = $filter('orderBy')($scope.questionScores, 'Student.firstName') 

を使用してみましたが、どちらも同じエラーが発生し、HIWは、私は、CSSをめちゃくちゃにせずに結果を注文することができますか？

Answer 1

問題のデータはどのように表示されますか？

私はプランナーであなたのシナリオを試していましたが、予想通りにストライプが出てきています。

https://plnkr.co/edit/ilh6grH2tERRglfhIipp

var app = angular.module('plunker', []); 
 

 
app.controller('MainCtrl', function($scope, $filter) { 
 
    $scope.questionScores = [ 
 
    {'name' : 'z'}, 
 
    {'name' : 'b'}, 
 
    {'name' : 'x'}, 
 
    {'name' : 'c'}, 
 
    {'name' : 'd'}, 
 
    {'name' : 'a'}, 
 
    {'name' : 'n'}, 
 
    {'name' : 'f'} 
 
]; 
 

 
$scope.questionScores = $filter('orderBy')($scope.questionScores, 'name') 
 
});