javascript - ng 级相反的条件无法正常工作

Question

我的代码中确实有这个:

<div ng-class="{ 'green' : flag, 'red' : !flag }">
  {{flag}}
</div>

然后编译成<div class="red green">true</div>

我无法在 codepen 或 jsbin 中重现它，这是这里的一些黑魔法，因为昨天它运行良好，我还没有碰过它。我希望这里有人可以分享一个想法，为什么会发生这种情况，因为我完全坚持这一点。当我删除这两个条件中的任何一个时，剩下的一个可以正常工作——根据标志值设置正确的类。

更新:所有关于三元操作数的建议都对我没有帮助，因为我在实际情况中有复杂的条件，但这一切都归结为单一相反的 bool 变量差异。我已经将差异限制在两个条件下，并且只使用了那个 bool 变量，但它仍然没有用。我发布的是精简代码。

Answer 1

有条件地让它像:

<div ng-class="(flag) ? 'green' : 'red'">

或者

<div ng-class="{true:'green', false:'red'}[flag]"></div>

请指出这是否解决了问题，因为这些只是使用 ng-class 指令的其他方式。

如果问题仍然存在，您能否指定flag 的值。它是未定义的吗？它是 bool 值吗？ ...