angularjs ng-repeat gelung gaya yang berbeza - angularjs ng-ulang gelung gaya yang berbeza

Question

Saya ingin sedar bahawa butang lompat berwarna merah, butang padam berwarna biru, dan butang tambah berwarna putih Namun, jika kitaran semasa seperti ini, semuanya akan menjadi gaya "btn-warning". , iaitu merah!

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 patut buat silap mata.

Answer 2

ng-class="{'Style':item.action=='Jump'}"
ng-class="{'Style':item.action=='Add'}"
ng-class="{ ' Style':item.action=='Modify'}"
Laksanakan gaya apabila ng-class adalah benar

Answer 3

Berbilang gaya dalam kelas ng dipisahkan dengan koma, dan tulis ketiga-tiga pertimbangan dalam ulangan.