Angularjs 应用CSS类

使用

ng repeat

指令，我使用divs形成了3行2列的表格，然后我有2个CSS类红色和绿色，我想将这些CSS类应用于以下情况

第1行第1列-红色类

第1行第2列-绿色等级

第二行第1列-绿色等级

第二行第二列-红色等级

第3行第1列-红色等级

第三行第二列-绿色等级

像wise一样，我需要应用css

---

如何实现这种情况？

您可以使用

$偶数

、

$奇数

和

ng类

来实现这一点

var-app=angular.module（'plunker'，[]）；
应用程序控制器（'ListCtrl'，ListCtrl）；
函数ListCtrl（$scope）{
$scope.items=[
{名称：'foo'，值：'foo value'，汽车：'chevy'，车型：'vette'，年份：'2013'}，
{name:'bar'，value:'bar value'}，
{name:'baz'，value:'baz value'}
];
}

.red{color:red；}
.green{color:green；}

名称
价值
{{item.name}
{{item.value}}

试试这个：

<tbody ng-repeat="data in respdata">                    
    <tr align="left" ng-if="$even">                     
        <td class="red">{{data.id}}</td>
        <td class="green">{{data.first_name}}</td>
        <td>{{data.last_name}}</td>
        <td>{{data.email}}</td>                         
    </tr>
    <tr align="left" ng-if="$odd">                      
        <td class="green">{{data.id}}</td>
        <td class="red">{{data.first_name}}</td>
        <td>{{data.last_name}}</td>
        <td>{{data.email}}</td>                         
    </tr>
</tbody>

<style>
    .green {
         background-color: green;
    }
    .red {
        background-color: red;
    }
</style>

{{data.id}
{{data.first{u name}
{{data.last_name}
{{data.email}
{{data.id}
{{data.first{u name}
{{data.last_name}
{{data.email}
格林先生{
背景颜色：绿色；
}
瑞德先生{
背景色：红色；
}

输出如下：

---

你能显示你当前的代码吗？共享你的代码IM使用下面的代码为我的项目{{data.name}这里我如何使用我的备用css类？首先，你不能在视图中使用$scope。第二，试着理解上面代码中发生了什么，然后做同样的事情。