javascript - 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가 그 일을 해야 합니다.

Answer 2

ng-class="{'Style':item.action=='Jump'}"
ng-class="{'Style':item.action=='추가'}"
ng-class="{ ' Style':item.action=='Modify'}"
ng-class가 true일 때 스타일을 실행

Answer 3

ng-class의 여러 스타일은 쉼표로 구분하고, 세 가지 판단을 모두 반복하여 작성합니다.