Ng级条件语法

Question

我试图有条件地将一个类应用于元素，但我无法正确使用

我尝试了以下但不起作用。

ng-class="{foo: bar === "true"}"

bar是一个布尔值。

此外，该元素已具有class属性。将foo附加到类列表中吗？

Answer 1

您不应在评估中使用双引号，因为它正在关闭您的ng-class属性。如果要检查字符串，可以使用单引号。 在您的情况下，如果bar是布尔值，则根本不必使用引号：

ng-class="{foo: bar === true}"

相当于

ng-class="{foo: bar}"

如果是字符串，请使用：

ng-class="{foo: bar === 'your_string'}"

如果你的元素已经有一个class属性，foo将被附加到列表中。

Answer 2

ng-class="{'checkedClass': trueVariable}

这是一篇解释相同http://www.ecofic.com/about/blog/conditionally-apply-a-css-class-with-angularjs

的帖子