Örnek
Bir değiştirme sınıfı <div> elemanı:
<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>
Kendin dene " Tanımı ve Kullanımı
ng-class yönergesi dinamik HTML öğesine bir veya daha fazla CSS sınıfları bağlar.
Değeri ng-class yönergesi bir ip, bir nesne veya bir dizi olabilir.
Bir dize ise, bir veya birden fazla, boşlukla ayrılmış sınıf adları içermelidir.
anahtar bir mantıksal değerdir ve değer eklemek istediğiniz sınıfın sınıf adıdır bir nesne olarak, anahtar-değer çiftlerini içermelidir. Anahtar true olarak ayarlanırsa, sınıf yalnızca eklenecektir.
bir dizi gibi, her ikisinin bir kombinasyonu olabilir. Her dizi elemanı, bir dizi ya da yukarıda tarif edildiği gibi bir nesne, olabilir.
Sözdizimi
< element ng-class=" expression "></ element >tüm HTML elemanları tarafından desteklenir.
Parametre Değerleri
| değer | Açıklama |
|---|---|
| expression | Bir veya daha fazla sınıf isimleri döndüren bir ifade. |