我想实现 跳转按钮是红色,删除按钮是蓝色,添加是白色,但是目前这样循环的话,全是“btn-warning”这个样式,也就是红色!
angular.module('demoAPP').controller('demoCtrl', function($scope) {
var demoData = [
{
"Name" : "操作",
"action" : "跳转"
},
{
"Name" : "操作",
"action" : "删除"
}
{
"Name" : "操作",
"action" : "添加"
}
]
$scope.demo = demoData;
});
<table>
<tr ng-repeat="item in demo">
<td>{{item.Name}}</td>
<td><button type="button" class="btn btn-warning">{{item.action}}</button></td>
</tr>
</table>
ng-class应该可以搞定。
ng-class="{'样式':item.action=='跳转'}"
ng-class="{'样式':item.action=='添加'}"
ng-class="{'样式':item.action=='修改'}"
ng-class为true时执行样式
ng–class中多个样式用逗号隔开,在重复里面把三个判断都写上。