Przykład
Zmiana klasy <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>
Spróbuj sam " Definicja i Wykorzystanie
ng-class dyrektywy dynamicznie wiąże jedną lub więcej klas CSS do elementu HTML.
Wartość ng-class dyrektywy może być ciągiem znaków, obiekt lub tablicą.
Jeśli jest to łańcuch, powinna ona zawierać jeden lub więcej, nazw oddzielonych spacjami klasy.
Jako przedmiot, powinna ona zawierać par klucz-wartość, gdzie klucz jest wartością logiczną, a wartość to nazwa klasy do klasy, którą chcesz dodać. Klasa zostanie dodany tylko gdy klucz jest ustawiony na true.
Jako matrycy, może być kombinacją ich obu. Każdy element tablicy może być ciągiem znaków, lub obiektu, opisane powyżej.
Składnia
< element ng-class=" expression "></ element >Obsługiwane przez wszystkich elementów HTML.
wartości parametrów
| Value | Description |
|---|---|
| expression | An expression that returns one or more class names. |