angular.js - angularjs中ng-class和class到底有什么区别，怎么用ng-class呢

Question

angularjs中ng-class和class到底有什么区别，怎么用ng-class呢

Answer 1

ng-class是根据 key: value来设置class

Answer 2

function ctr($scope){
   $scope.test =“classname”;
}



<p class=”{{test}}”></p>



function Ctr($scope) { 
    $scope.isActive = true;
}



<p ng-class="{true: 'active', false: 'inactive'}[isActive]">
</p>



function Ctr($scope) { 

}



<p ng-class {'selected': isSelected, 'car': isCar}">
</p>

Answer 3

今天做了一个项目，发现还有另一种写法，这不是书本上可以学到的。

ng-class="{'IM_selected':(status.currTalkTo.FRIENDID==item.FRIENDID)}"

这是js的语法，解释如下： 如果status.currTalkTo.FRIENDID == item.FRIENDID 对等，就显示 IM_selected，否则就不显示，这种语法在项目中经常用到，作用是获取当前页。