Angular ngClass не работает при добавлении нескольких условий

Question

Добавление нескольких условий в [ngClass] не работает

a.component. html

 <div class="version-content" *ngFor="let version of versions; let lastVersion = last" [ngClass]="(version.isComingSoon === true) ? 'dashed': 'solid'">
            <div class="bubble" [ngClass]="endBubble : lastVersion, (version.isComingSoon === true) ? 'round': 'filled'">
</div>
 
        </div>

Код ниже не работает

<div class="bubble" [ngClass]="endBubble : lastVersion, (version.isComingSoon === true) ? 'round': 'filled'">
    </div>

Answer 1

Вы смешиваете два разных типа проверок. Вы можете использовать проверки того же типа, что и @Crocsx, или разделить их на две отдельные привязки. Попробуйте следующее

<div class="bubble" [class.endBubble]="lastVersion" [ngClass]="version.isComingSoon ? 'round': 'filled'">
</div>

Answer 2

Как do c show =>

https://angular.io/api/common/NgClass

Это способ использования ngClass =>

<some-element [ngClass]="'first second'">...</some-element>

<some-element [ngClass]="['first', 'second']">...</some-element>

<some-element [ngClass]="{'first': true, 'second': true, 'third': false}">...</some-element>

<some-element [ngClass]="stringExp|arrayExp|objExp">...</some-element>

<some-element [ngClass]="{'class1 class2 class3' : true}">...</some-element>

так что это будет версия массива, или вы также можете использовать версию объекта.

<div class="bubble" [ngClass]="[lastVersion ? 'endBubble' : '', (version.isComingSoon === true) ? 'round': 'filled']">