javascript - angularjs ng-repeat 循环不同的样式
本文介绍了javascript - angularjs ng-repeat 循环不同的样式的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
我想实现 跳转按钮是红色,删除按钮是蓝色,添加是白色,但是目前这样循环的话,全是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应该可以搞定。
这篇关于javascript - angularjs ng-repeat 循环不同的样式的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文