AngularJS ng-classDirektive

AngularJS 参考手册AngularJS-Referenzhandbuch

AngularJS-Beispiel

Ändert die Klasse des <div>-Elements:

<select ng-model="home">
    <option value="sky">Sky</option>
    <option value="tomato">Tomato</option>
</select>

<div ng-class="home">
    <h1>Willkommen zu Hause!</h1>
    <p>Mir gefällt's!</p>
</div>

Selbst ausprobieren »

Definition und Verwendung

ng-classDie Direktive wird verwendet, um dynamisch eine oder mehrere CSS-Klassen an HTML-Elemente zu binden.

ng-classDer Wert der Direktive kann ein String, ein Objekt oder ein Array sein.

Wenn es sich um einen String handelt, werden mehrere Klassennamen durch Leerzeichen getrennt.

Wenn es sich um ein Objekt handelt, sind Schlüssel-Wert-Paare erforderlich. Der Schlüssel ist der Name der hinzuzufügenden Klasse, und der Wert ist ein Boolean-Wert. Die Klasse wird nur hinzugefügt, wenn der Wert true ist.

Wenn es sich um ein Array handelt, kann es aus einer Kombination von Strings oder Objekten bestehen; die Elemente des Arrays können Strings oder Objekte sein.

Syntax

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

Von allen HTML-Elementen unterstützt.

Parameterwert

Wert Beschreibung
expression Der Ausdruck gibt einen oder mehrere Klassennamen zurück.

AngularJS 参考手册AngularJS-Referenzhandbuch

Andere Erweiterungen