Ng类条件语法

Ng-class Conditional Syntax

本文关键字：语法 条件 Ng      更新时间：2024-03-16

我试图有条件地将类应用于元素，但无法获得正确的语法

我试过以下方法，但不起作用。

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

bar是一个布尔值。

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

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

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

相当于

ng-class="{foo: bar}"

如果是字符串，请使用：

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

如果您的元素已经有了class属性，那么foo将被追加到列表中。

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

这是一篇同样的文章http://www.ecofic.com/about/blog/conditionally-apply-a-css-class-with-angularjs

相关文章：