Question

我正在使用ng-repeat和使用materlize的'条纹'类在角度页面中创建一个表：

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

如果我没有订购ng-repeat，它可以正常工作，但如果我在ng repeat（orderBy: 'Student.firstName'）中添加orderBy，则只有第一行和最后一行显示为白色，其余部分为阴影。我也尝试使用

在控制器中对数组进行排序

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

并使用

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

但两者都会导致相同的错误，我可以在不搞乱css的情况下订购结果吗？

Answer 1

你能告诉我questionScores中的数据是什么样的吗？

我在plunker中尝试你的场景，我看到条纹按预期出现。

https://plnkr.co/edit/ilh6grH2tERRglfhIipp

＆＃13;

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

＆＃13;

AngularJS orderBy搞砸了物化条纹类

1 个答案: