ng-class 的多个参数不起作用

Question

我有两个参数，我正在尝试检查以使用 ng-class 设置 class，但由于某些原因，它只能与一个参数一起使用。

这是我的代码：

ng-class="{'alert-viewed':item.viewed && item.status <= 0}

如果只有我们 'alert-viewed':item.viewed 它有效。但是添加 item.status 检查会破坏它。

有人看到我遗漏了什么吗？

Answer 1

你的表达式中运算顺序错误。因为 && 的优先级高于 <=，所以首先评估您的标志，然后再与 <=0 进行比较。相反，您希望首先计算表达式的后半部分，然后 对前半部分进行计算，这意味着您需要在语句的后半部分周围加上括号。

ng-class="{'alert-viewed':item.viewed && (item.status <= 0)}