Toggle mehr Klassen auf dem Host-Elemente gegen einzelnen Ausdruck

Question

Da Sie nicht ngClass in einem Host Bindung wie so verwenden können:

host: { '[ngClass]': "{ 'spinner spinner-large': !loaded }" } 

Gibt es irgendwelche anderen Mittel Makel mehrere Klassen mit einem einzelnen Ausdruck? (Anstelle der folgenden)

host: { '[class.spinner]': '!loaded', 
     '[class.spinner-large]': '!loaded' } 

Answer 1

Dies funktioniert der Trick:

host: { '[class]': "!loaded ? 'spinner spinner-large' : ''" }