Angular 比较基于测试的not值并设置CSS样式

我有一个角度代码，它根据真值和假值设置文本颜色：

<td>
  <span *ngIf="user.enabled" class="badge badge-success">Enabled</span>
  <span *ngIf="!user.enabled" class="badge badge-dark">Disabled</span>
</td>

启用
残废

但是我想扩展代码以基于字符串值设置css代码。例如：

<td>
  <span *ngIf="user.status = 'Approved" class="badge badge-success">Approved</span>
  <span *ngIf="user.status = 'Declined" class="badge badge-dark"> Declined </span>
</td>

经核准的
拒绝

---

执行此检查的正确代码是什么？是否缺少设置默认css样式？

首先：您在

ngIf

中使用赋值调用，而不是比较值

第二：Angular有ngSwitch指令，在您的情况下可能更好：

<td [ngSwitch]="user.status">
  <span *ngSwitchCase="'Approved'" class="badge badge-success">Approved</span>
  <span *ngSwitchCase="'Declined'" class="badge badge-dark">Declined</span>
  <span *ngSwitchDefault class="badge">Unknown</span>
</td>

经核准的
拒绝
不为人知

=

是JavaScript中的赋值运算符。要比较两个值，正确的运算符是

=

或

==

，如果您想严格要求的话。我不知道你说的“如果没有设置默认代码”是什么意思。什么是“它”？什么是“默认css代码”？我想实现类似于SwitchCase的东西。例如，如果未找到搜索字符串，则返回默认值。这可能吗？什么是搜索字符串？什么是“未找到”。你的意思是“如果用户状态为null或未定义，那么我只想应用CSS类标记”？如果不是，你的确切意思是什么？也许“如果状态不是“批准”或“拒绝”，那么我只想应用CSS类徽章”？