AngularJS ng-class-Anweisung

Definition und Verwendung

ng-class Diese Anweisung wird verwendet, um eine oder mehrere CSS-Klassen dynamisch mit HTML-Elementen zu binden.

ng-class Der Wert der Anweisung kann eine Zeichenfolge, ein Objekt oder ein Array sein.

Wenn es eine Zeichenfolge ist, sollte es einen oder mehrere Classnamen enthalten, die durch Leerzeichen getrennt sind.

Als Objekt sollte es Schlüssel-Wert-Paare enthalten, wobei der Schlüssel der Name der Klasse ist, die Sie hinzufügen möchten, und der Wert ein Boolescher Wert. Die Klasse wird nur hinzugefügt, wenn der Wert auf true gesetzt ist.

Als Array kann es eine Kombination aus beiden sein. Jedes Array-Element kann ein der obigen Beschreibung entsprechender String oder Objekt sein.

Beispiel

Ändern Sie die Klasse des <div>-Elements:

<select ng-model="home">
    <option value="sky">Himmel</option>
    <option value="tomato">Tomate</option>
</select>
<div ng-class="home">
    <h1>Willkommen zu Hause!</h1>
    <p>Ich mag es!</p>
</div>

Probieren Sie es selbst aus

Syntax

<element ng-class="expression</element>

Alle HTML-Elemente unterstützen dies.

Parameter