Читать книгу Angular - Ferdinand Malcher - Страница 184
Listing 6–21 Class Binding
ОглавлениеIm Beispiel wird dem Element element die CSS-Klasse myClass zugewiesen, falls die Komponenteneigenschaft hasMyClass wahr ist.
Die Direktive ngClass
Um CSS-Klassen auf ein Element anzuwenden, können wir auch die Direktive ngClass einsetzen. Welchen Weg wir wählen, hängt vom Kontext ab. ngClass empfiehlt sich dann, wenn wir mehrere CSS-Klassen zuweisen wollen. Wir können dann in einem einzigen Ausdruck alle Klassen und ihre jeweiligen Bedingungen angeben:
<div [ngClass]="{ active: isActive, 'has-error': hasError, disabled: isDisabled, myClass: hasMyClass }"></div>
