javascript - 在 ng-class 中组合三元运算符和相等语句

Question

我有一个元素: <div ng-class="a ? 'class1' : 'class2'"></div>我需要向它添加另一个 ng-class 语句 ng-class="class3: b !== c" .如何将 ng-class 语句组合在一起。都不是<div ng-class="{a ? 'class1' : 'class2, class3: b !== c"></div>也不<div ng-class="(a ? 'class1' : 'class2') + ' ' + (class3: b !== c)"></div>似乎工作。请指教。

Answer 1

我首选的 ng-class 语法如下，因为它明确说明了要添加的类，而无需使用三元运算符:

<div ng-class="{'class1' : a, 'class2' : !a, 'class3': b !== c }"></div>

如果你想使用三元，你可以这样做:

<div ng-class="(a ? 'class1' : 'class2') + ' ' + (b !== c ? 'class3': '' )></div>

您的解决方案不起作用，因为您试图混合使用 2 种不同的语法(有和没有大括号)。