AngularJS OrderBy путает материализуется полосатый класс

Question

Я делаю таблицу в угловой странице с нг-повтором и с помощью «полосатого» класса materlize в:

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

Он отлично работает, если я не заказать ng- повторите, но если я добавлю orderBy в ng repeat (orderBy: 'Student.firstName'), только первая строка и последняя строка выйдут белым цветом, а остальная часть таблицы будет затенена. Я также попытался упорядочения массива в контроллере, используя

$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') 
 
});