脚本宝典收集整理的这篇文章主要介绍了AngularJS的ngclass的用法，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。
1.scoPE变量绑定（不推荐使用）
controller代码
function ctr($scope){
$scope.test =“classname”;
}
htML代码
<div class=”{{test}}”></div>
这种方法是没错的,但是它又angular提供变量来改变class的方法有点诡异至少我认为controller应该是纯净的数据和行为
2.字符串数组形式
function Ctr($scope) {
$scope.isActive = true;
}
<div ng-class="{true: 'active', false: 'inactive'}[isActive]">
</div>
isActive表达式为true，则 active，否则inactive。
3.对象key/value处理
主要针对复杂的class混合
function Ctr($scope) {
$scope.isSelected = true;
$scope.isCar = false;
}
<div ng-class {'selected': isSelected, 'car': isCar}">
</div>
当 isSelected = true 则增加selected class，
当isCar=true,则增加car class，
所以你结果可能是4种组合。
个人推荐用2，3两种方式，不建议将class放入controller scope之上，scope需要保持纯洁，scope上的只能是数据和行为。
文章原创链接 : http://www.devh.net/u/yidongnan/blog/how-to-user-ngclass-in-angularjs
以上是脚本宝典为你收集整理的AngularJS的ngclass的用法全部内容，希望文章能够帮你解决AngularJS的ngclass的用法所遇到的问题。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。