Почему [ngClass] = "{enable-dot: event.isDisable === false, disable-dot: event.isDisable === true}" не работает в angular?

Question

Этот код не работает в angular

<span [ngClass]="{enable-dot: event.isDisable === false, disable-dot: event.isDisable === true}"class="icon-badge">

Answer 1

Я не уверен, какой css класс вы использовали. Но правильным способом будет

<span [ngClass]="event.isDisabled ? 'disable-dot' : 'enable-dot'" class="icon-badge">

. Вы можете использовать тернарный оператор, чтобы определить, истинно или ложно event.isDisabled, применить disable-dot, если true, и enable-dot, если false