在scope中定义变量（并不推荐）
function Ctrl($scope){
$scope.test = "className";
};
<div class="{{ test }}"></div>
来看angular为我们提供另外两种方法
字符串数组形式
function Ctrl($scope){
$scope.isActive = true;
}
<div ng-class="{true:'active',false:'inactive'}[isActive]"></div>
对象key/value处理（主要针对复杂的class混合）
function Ctrl($scope){
}
<div ng-class={'selected':isSelected,'car':isCar}></div>ng-class
关于ng-class,ng-style的用法 ng-class的使用几种方式（1）：利用双向数据绑定（classN...
ng-class 各种书写模式
当需要根据条件动态设置css样式时，可选择使用ng-class进行设置。将ng-class的值作为一个对象，通过k...
ng-class="{className:true,className1:false}" $scope.$watc...
在scope中定义变量（并不推荐） function Ctrl($scope){ $scope.test = ...
ng-class用于动态绑定标签class 用例：
Angular js 常用指令ng-if、ng-class、ng-option、ng-value、ng-click...
ANGULAR JS常用指令NG-IF、NG-CLASS、NG-OPTION、NG-VALUE、NG-CLICK是...
【js-08】 ANGULAR JS常用指令NG-IF、NG-CLASS、NG-OPTION、NG-VALUE、N...
本文标题：ng-class
本文链接：https://www.haomeiwen.com/subject/brrsattx.html
网友评论