angularjs ng-repeat gelung gaya yang berbeza - angularjs ng-ulang gelung gaya yang berbeza
给我你的怀抱
给我你的怀抱 2017-05-15 17:13:42
0
3
657

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>
给我你的怀抱
给我你的怀抱

membalas semua(3)
伊谢尔伦

ng-class patut buat silap mata.

过去多啦不再A梦

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

我想大声告诉你

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

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan