ng-class不能做简单的css类

时间:2014-04-19 04:39:48

标签: angularjs ng-class

我期待ng-class至少做一个简单的类,即应用css属性。在plunker示例中,如果将ng-class替换为class,则可以使用缩进。 即ng-class="indentLeft"不起作用,class="indentLeft"不起作用。我错过了什么?

在这里查看一个简单的plunker:http://plnkr.co/edit/moLu0BmgEYVm3xFQDcw8?p=preview

1 个答案:

答案 0 :(得分:3)

ngClass需要一个表达式来评估。

ng-class="{'indentLeft' : (item == true)}"

json结构是''中的属性名称。是要应用的类,如果应通过true / false

应用属性值,则该属性值会减少

字符串表达式

执行此操作时,ng-class="indentLeft" angularjs并不知道它是一个字符串,并且很可能正在尝试从范围内对其进行评估。

如果您将物业包裹在''并使它成为一个字符串文字,plunker应该正常工作

ng-class="\'indentLeft\'"

<强> Updated plnkr