Beispiel
Ändern Klasse eines <div> Element:
<select ng-model="home">
<option
value="sky">Sky</option>
<option
value="tomato">Tomato</option>
</select>
<div ng-class="home">
<h1>Welcome Home!</h1>
<p>I like it!</p>
</div>
Versuch es selber " Definition und Verwendung
Die ng-class Direktive bindet dynamisch ein oder mehrere CSS - Klassen zu einem HTML - Element.
Der Wert der ng-class - Richtlinie kann eine Zeichenfolge, ein Objekt oder ein Array sein.
Wenn es sich um eine Zeichenfolge ist, sollte es eine oder mehrere, durch Leerzeichen getrennte Klassennamen.
Als Objekt sollte Schlüssel-Wert-Paare enthalten, wobei der Schlüssel ein Boolescher Wert ist, und der Wert ist der Klassenname der Klasse, die Sie hinzufügen möchten. Die Klasse wird nur hinzugefügt werden, wenn der Schlüssel auf true gesetzt ist.
Als Array, kann es eine Kombination aus beidem sein. Jedes Array-Element kann entweder ein String oder ein Objekt sein, wie oben beschrieben.
Syntax
< element ng-class=" expression "></ element >Unterstützt durch alle HTML-Elemente.
Parameterwerte
| Value | Description |
|---|---|
| expression | An expression that returns one or more class names. |