Wie kann ich beides verwenden: map & array in [ngClass] in eckigen 4?

Question

Wie kann ich beide verwenden: Karte & Array in [ngClass] in eckigen 4?

Zum Beispiel:

[ngClass]="[{'some-class':whenAppears()}, someReturnedClass()]" 

wo someReturnedClass ist:

someReturnedClass() { 
    return 'someClassName' 
} 

Ich habe versucht, so: [ngClass]="[{'some-class':whenAppears()}, someReturnedClass()]"

und [ngClass]="[{'some-class':whenAppears()}]" class="someReturnedClass()"

und [ngClass]="{'some-class':whenAppears(), '{{someReturnedClass()}}':true}"

aber zuerst - gibt mir Fehler, zweite ersetzt Klassen, dritte funktioniert auch nicht :(

wie kombinieren, ohne aktuelle Logik zu ändern?

Answer 1

Versuchen Sie folgendes:

<div [ngClass]="someReturnedClass()" [class.some-class]="whenAppears()" ></div> 

Answer 2

Sie die folgende Syntax verwenden können.

[ngClass]="[whenAppears() ? 'some-class': '', someReturnedClass()]" 

Plunker Demo.