問題描述

我想實(shí)現(xiàn) 跳轉(zhuǎn)按鈕是紅色，刪除按鈕是藍(lán)色，添加是白色，但是目前這樣循環(huán)的話，全是“btn-warning”這個(gè)樣式，也就是紅色！

angular.module(’demoAPP’).controller(’demoCtrl’, function($scope) { var demoData = [ { 'Name' : '操作', 'action' : '跳轉(zhuǎn)' }, { '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應(yīng)該可以搞定。

ng-class='{’樣式’:item.action==’跳轉(zhuǎn)’}'ng-class='{’樣式’:item.action==’添加’}'ng-class='{’樣式’:item.action==’修改’}'ng-class為true時(shí)執(zhí)行樣式

ng–class中多個(gè)樣式用逗號(hào)隔開，在重復(fù)里面把三個(gè)判斷都寫上。