angular - ngClass 不适用于 Angular 2 中的所有类

Question

我正在使用 ngClass 使用以下代码更改我的图标颜色：

<button
                type="button"
                [ngClass]="{'btn btn-sm btn-round btn-icon btn-outline-info':item.exitPlaza, 'btn btn-sm btn-round btn-icon btn-outline-warning':!item.exitPlaza}"
                ngbTooltip="{{hasPayment(item.exitPlaza)}}"
                [closeDelay]="500"
                (click)="openXl(content); setVehicleHistory(item)"
              >

颜色变化正常，但并非所有类都被渲染。如果有，则item.exitPlaza按钮类只是不包含在检查元素中，但是如果包含所有类，那么我得到了正确的设计。btn-outline-infobtn btn-sm btn-round!item.exitPlaza

Answer 1

尝试仅分配对于这些情况实际上不同的类：

<button
  type="button"
  class="btn btn-sm btn-round btn-icon"
  [ngClass]="{'btn-outline-info': item.exitPlaza, 'btn-outline-warning': !item.exitPlaza}"
  ngbTooltip="{{hasPayment(item.exitPlaza)}}"
  [closeDelay]="500"
  (click)="openXl(content); setVehicleHistory(item)"
>

您可以将class属性与它结合使用[ngClass]，它使代码可读，并且您始终确定默认样式存在