angularjs - ng-class 不像简单的 CSS 类那样做

Question

我期待 ng-class 至少能做一个简单类的工作，即应用一个 css 属性。在 plunker 示例中，如果替换ng-class为class，它可以工作并且我得到缩进。即ng-class="indentLeft"不起作用，但class="indentLeft"确实如此。我错过了什么？

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

Answer 1

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

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

json 结构是 '' 中的属性名称是您要应用的类，如果应该通过 true/false 应用该属性值，则该属性值会减少

字符串表达式

当你这样做时，ng-class="indentLeft"angularjs 不知道它是一个字符串，并且很可能试图从范围内评估它。

如果您将属性包装在 '' 中并使其成为字符串文字，则 plunker 应该可以正常工作

ng-class="\'indentLeft\'"

更新了 plnkr