Exemplu
Schimbarea clasa unui <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>
Încearcă - l singur » Definiție și utilizare
ng-class directivă se leagă în mod dinamic una sau mai multe clase CSS la un element HTML.
Valoarea ng-class directivă poate fi un șir de caractere, un obiect sau o matrice.
Dacă este un șir de caractere, acesta trebuie să conțină una sau mai multe, nume de clase separate de spațiu.
Ca un obiect, acesta ar trebui să conțină perechi cheie-valoare, în cazul în care cheia este o valoare boolean, iar valoarea este numele clasei de clasa pe care doriți să îl adăugați. Clasa va fi adăugată numai în cazul în care cheia este setată la true.
Ca o matrice, aceasta poate fi o combinație a ambelor. Fiecare element de matrice poate fi fie un șir de caractere, sau un obiect, descris ca mai sus.
Sintaxă
< element ng-class=" expression "></ element >Susținută de toate elementele HTML.
Valorile parametrilor
| Valoare | Descriere |
|---|---|
| expression | O expresie care returnează unul sau mai multe nume de clasă. |