typescript - 角度 - 如何将几个 ngclass 组合在一个 div 中

Question

我想将多个 ngClass if else 语句组合在一起，我尝试过但无法解决。

<div
    [ngClass]="[tabItem === 'unavailable' ? 'background-grey' : selected ? 'card-selected cursor' : 'cursor']"
    [ngClass]="[hasAlerts ? 'banner' : 'no-banner']">
</div>

我的尝试：

<div
    [ngClass]="[{'banner': hasAlerts, 'no-banner': !hasAlerts}, tabItem === 'unavailable' ? 'background-grey' : selected ? 'card-selected cursor' : 'cursor']">
</div>

Answer 1

我终于能够使用这种方法解决问题

<div
[ngClass]="{'banner': !!alerts?.length, 'no-banner' : !alerts?.length, 'background-grey': tabItem === 'unavailable', 'cursor': tabItem === 'available', 'card-selected': selected}"
></div>