ng-classDyrektywa AngularJS
Przykład
Zmień klasę elementu <div>:
<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>
Definicja i użycie
Dyrektywa ng-classdynamicznie wiąże jedną lub więcej klas CSS z elementem HTML.
Wartością ng-classdyrektywy może być ciąg, obiekt lub tablica.
Jeśli jest to ciąg, powinien zawierać jedną lub więcej nazw klas oddzielonych spacjami.
Jako obiekt powinien zawierać pary klucz-wartość, gdzie klucz jest nazwą klasy, którą chcesz dodać, a wartość jest wartością logiczną. Klasa zostanie dodana tylko wtedy, gdy wartość jest ustawiona na true.
Jako tablica może być kombinacją obu. Każdy element tablicy może być ciągiem lub obiektem opisanym powyżej.
Składnia
<element ng-class="expression"></element>
Obsługiwane przez wszystkie elementy HTML.
Wartości parametrów
| Value | Description |
|---|---|
| expression | An expression that returns one or more class names. |