angular - 使用带空格的 Ng-Class 时遇到问题

Question

我曾尝试使用 Bootstrap 中的徽章在我的数据表中运行 ngclass，但该类中有空格，因此该类无法正常工作，然后我从谷歌获得了一些东西，但仍然没有正确应用。我的代码:

<td>
  <div class="badge"
    [ngClass]="{'badge badge-primary': material.submitedStatus=='Open','badge badge-warning': material.submitedStatus=='Region Head Approved'}></div>
</td>

当我检查特定标签时，我可以看到最后应用的类没有徽章图标，因为正确的类是“badge badge-primary”。

 <div _ngcontent-rey-c5="" class="badge-primary" ng-reflect-klass="badge" ng-reflect-ng-class="[object Object]">Open</div> 

Answer 1

欢迎使用 StackOverflow。

最终我们想要同时应用badge 和badge-primary/badge-warning 类

这里是如何让它工作的。

<td>
  <div class="badge"
    [ngClass]="{'badge-primary': material.submitedStatus=='Open','badge-warning': material.submitedStatus=='Region Head Approved','badge': material.submitedStatus==('Region Head Approved' || 'Open')}>
    </div>
</td>

让我知道这是否可行。