本文介绍了在 Angular 中使用 ngClass 指令来动态地更改 HTML 元素的 CSS 类的方法。提供了四种不同的实现方式，包括条件判断、变量表达式等。
方法一、
<div ng-class="{true : 'checker disabled',false : 'checker' }[selectAllButton]"></div>
"checker disabled","checker"是CSS样式,selectAllButton是判断条件，值为"true"or"false"
方法二、
<div ng-class="{'checker disabled' : item.disab, 'checker' : !item.disab}"></div>
item.disab是判断条件，值为“true”or“false”
方法三、用{{}} 包住的变量表达式
<div ng-class="{{bClass}}"></div>
$scope.bClass = "{'red':true,'green':false}"
方法四、
<div ng-class="tempClass"></div>
tempClass是CSS样式名称
扫一扫
3303
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
