angular - Angular - 多个 NGClass 值相互抵消

Question

我正在遍历一系列项目。每个项目都有一个completed值为真或假的值。我有 3 个单选按钮。

0 = 显示全部

1 = 显示完成

2 = 显示不完整

当单选按钮更改时，我试图隐藏和显示这些元素。单独地，他们工作。当我尝试组合条件时，它们停止工作。我错过了一些明显的东西吗？

[ngClass]="[
  myRadioValue === 0 ? 'block' : '', 
  myRadioValue === 1 && item.completed ? 'block' : 'hidden', 
  myRadioValue === 2 && !item.completed ? 'block' : 'hidden'
]"

标签： angularradio-buttonng-class