angularjs ng-repeat 循环不同的样式

Question

我想实现 跳转按钮是红色，删除按钮是蓝色，添加是白色，但是目前这样循环的话，全是“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>

Answer 1

ng-class应该可以搞定。