angularjs~ng-class

  1. 通过数据的双向绑定(一般是不推荐的)

    1. $scope.className="change1";
      
      <divclass="{{className}}"></div>
      
      //或者像这样
      
      functionchangeClass(){
      $scope.className="change2";
      }
      
      <divclass="{{className}}"></div>
  2. 通过对象数组

    1. functionctrl($scope){
      $scope.isClassA=true;
      }
      
      <divng-class="{true:'ClassA',false:'anotherClass'}[isClassA]"></div>
      
      //当isClassA为true时,增加ClassA样式;当isClassA为false时,增加anotherClass样式。
  3. 通过key/value(推荐使用)

    1. functionctrl($scope){
      $scope.isClassA=true;
      $scope.isClassB=false;
      $scope.isClassC=false;
      }
      
      <divng-class="{'ClassA':isClassA,'ClassB':isClassB,'ClassC':isClassC}"></div>
      
      //当isClassA为true时,增加ClassA样式;当isClassB为true时,增加ClassB样式;当isClassC为true时,增加ClassC样式。

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...