根据值修改内容

Question

我正在使用Angular 4，并且在条件样式更改方面遇到问题。我有一个表和值。我需要根据值是连接还是断开来更改列中的值。例如-如果该值已连接，则它将显示为ON。如果该值断开连接，则将显示OFF

这是我的代码的一部分，但无法正常工作：

  <ion-note item-end>
      <span [class]="laptop.isConnected === 'true' ? 'dotOn' : 'dotOff'">{{ laptop.isConnected }}</span>
  </ion-note>

如果数据库中的laptop.isConnected ="true"我想显示一个已经在CSS中创建的绿色圆圈。

否则我想显示红色圆圈。

此刻，即使是真的，我也只能显示红色圆圈。

Answer 1

<span [class.dotOn]="laptop.isConnected === 'true'"
      [class.dotOff]="laptop.isConnected !== 'true'">
  {{ laptop.isConnected }}
</span>

您可能还需要检查laptop.isConnected属性的内容和类型。真的是字符串吗？ ：-）

如果它是布尔值，则true === 'true'不成立，因此您的条件将始终计入第二个分支。