javascript - Ng 级条件语法

Question

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

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

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

bar 是一个 bool 值。

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

Answer 1

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

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

相当于

ng-class="{foo: bar}"

如果是字符串，使用:

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

如果您的元素已经具有 class 属性，foo 将附加到列表中。