Angularjs ng-repeat boucle différents styles - Angularjs ng-repeat boucle différents styles

Question

Je veux réaliser que le bouton de saut est rouge, le bouton de suppression est bleu et le bouton d'ajout est blanc. Cependant, si le cycle actuel est comme ça, tout sera dans le style "btn-warning". , qui est rouge !

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 devrait faire l'affaire.

Answer 2

ng-class="{'Style':item.action=='Jump'}"
ng-class="{'Style':item.action=='Add'}"
ng-class="{ ' Style':item.action=='Modify'}"
Exécuter le style lorsque ng-class est vrai

Answer 3

Plusieurs styles de la classe ng sont séparés par des virgules et écrivent les trois jugements dans la répétition.