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应该可以搞定。

ng-class='{’样式’:item.action==’跳转’}'ng-class='{’样式’:item.action==’添加’}'ng-class='{’样式’:item.action==’修改’}'ng-class为true时执行样式

ng–class中多个样式用逗号隔开，在重复里面把三个判断都写上。