如何在 Angular 中使用 ngClass

Question

我在 angular 中有以下代碼，以顯示帶有ngClass和class的圖標：我必須顯示的是如果圖標有文本Emergency或Critical或Alert或Error ，它必須使用 ZA2F2ED4F8EBC2CBB4C21A29DZ 目前我的 ngClass 沒有按預期工作。 請幫忙。 提前致謝。

Answer 1

問題來自 class 名稱。 它應該是單引號。 我還稍微更改了代碼。

 <i class="icon warning status-indicator warning statusIcon " [ngClass]="{ 'warning': (alarmType === ('ucmgmt.onPremError.emergency' | translate) || alarmType === ('ucmgmt.onPremError.critical' | translate) || alarmType === ('common.alert' | translate) || alarmType === ('ucmgmt.onPremError.error' | translate)), 'danger': alarmType === ('ucmgmt.onPremError.warning' | translate), 'info': alarmType === ('ucmgmt.onPremError.info' | translate) }"></i>