與納克級，甚至添加顏色/奇

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

你不需要=跡象。這不是你如何聲明CSS類的芽。具體方法如下：

.green { 
    color: green; 
} 

.blue { 
    color: blue; 
}