angular ng-class 三种方法

一、在controller 里定义class,通过class ="{{class}}"绑定。数据的双向绑定。

function changeClass(){
  $scope.className = "change2";
}

<div class="{{className}}"></div>

 

二、通过字符串数组绑定。

function changeClass(){
  $scope.className = true/false;
}
 
<div ng-class="{true:‘zhende‘,false:‘jiade‘}[className]"></div>

 

三、通过key/value形式。

function changeClass(){
   $scope.lala = true;
  $scope.select= false;
  $scope.choice = false;
} <div ng-class="{‘selectClass‘:select,‘choiceClass‘:choice,‘haha‘:lala}"></div>

 

posted @ 2017-09-30 18:09  RoadAspen  阅读(585)  评论(0编辑  收藏  举报