使用ng-class-even / odd添加颜色

Question

阅读Mastering Web Development with Angular，我尝试为每个奇数行和偶数行添加颜色：

HTML

<div ng-controller="MyCtrl">
    <table>
        <tbody>
            <tr ng-repeat="item in data" ng-class-even="'blue'" 
                                         ng-class-odd="'green'">
                <td>{{item.name}}</td>
            </tr>
        </tbody>
    </table>
</div>

的JavaScript

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

function MyCtrl($scope) {
    $scope.data = [{name: "Kevin", value: "1234"},
                   {name: "Bill", value:"444"}];
}

CSS

.green = {
    color: green;
}

.blue = {
    color: blue;
}

然而没有颜色出现。出现此控制台error，但我不知道有任何遗漏的模块。

http://jsfiddle.net/r9MTc/7/

Answer 1

您的角度代码工作正常，问题在于您的CSS。定义CSS类时不需要=符号

你的CSS

.green = {
    color: green;
}

.blue = {
    color: blue;
}

将其更改为

.green {
    color: green;
}

.blue {
    color: blue;
}

DEMO

Answer 2

你为什么使用＆＃34; =＆＃34;迹象。那不是你如何声明CSS类的萌芽。以下是：

.green {
    color: green;
}

.blue {
    color: blue;
}