javascript - angularjs ng-repeat 迴圈不同的樣式
给我你的怀抱
给我你的怀抱 2017-05-15 17:13:42
0
3
702

我想實現 跳轉按鈕是紅色,刪除按鈕是藍色,添加是白色,但是目前這樣循環的話,全是“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>
给我你的怀抱
给我你的怀抱

全部回覆(3)
伊谢尔伦

ng-class應該可以搞定。

过去多啦不再A梦

ng-class="{'樣式':item.action=='跳轉'}"
ng-class="{'樣式':item.action=='加'}"
ng-class="{ '樣式':item.action=='修改'}"
ng-class為true時執行樣式

我想大声告诉你

ng–class中多個樣式用逗號隔開,在重複裡面把三個判斷都寫上。

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板