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