AngularJS ng-class
Yönergesi
Örnek
Bir <div> öğesinin sınıfını değiştirin:
<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>
Tanım ve Kullanım
Yönerge ng-class
, bir veya daha fazla CSS sınıfını bir HTML öğesine dinamik olarak bağlar.
Yönergenin değeri ng-class
bir dize, bir nesne veya bir dizi olabilir.
Bir dize ise, boşlukla ayrılmış bir veya daha fazla sınıf adı içermelidir.
Bir nesne olarak, anahtarın eklemek istediğiniz sınıfın sınıf adı olduğu ve değerin bir boole değeri olduğu anahtar-değer çiftlerini içermelidir. Sınıf, yalnızca değer true olarak ayarlanmışsa eklenecektir.
Bir dizi olarak, her ikisinin bir kombinasyonu olabilir. Her dizi öğesi, yukarıda açıklandığı gibi bir dize veya bir nesne olabilir.
Sözdizimi
<element ng-class="expression"></element>
Tüm HTML öğeleri tarafından desteklenir.
Parametre Değerleri
Value | Description |
---|---|
expression | An expression that returns one or more class names. |