AngularJS ng-class Komutu

Tanım ve Kullanım

ng-class ng-class komutu, bir veya daha fazla CSS sınıfını HTML elementine dinamik olarak bağlamak için kullanılır.

ng-class Komutun değeri dizgi, nesne veya dizi olabilir.

Dizgi ise, bir veya daha fazla boşluk ile ayrılmış sınıf adlarını içermelidir.

Nesne olarak, içerdiği anahtar-değer çiftleri, eklemek istediğiniz sınıfın sınıf adını anahtar olarak ve doğru olarak eklenmesi için boolean değer olarak bulunmalıdır. Değer true olarak ayarlandığında, bu sınıf eklenir.

Dizgi olarak, her ikisinin de kombinasyonu olabilir. Her dizgi elemanı yukarıda açıklanan bir dizi veya nesne olabilir.

Örnek

<div> elemanının sınıfını değiştir:

<select ng-model="home">
    <option value="sky">Gökyüzü</option>
    <option value="tomato">Domato</option>
</select>
<div ng-class="home">
    <h1>Hoş Geldiniz Evimize!</h1>
    <p>Seviyorum!</p>
</div>

Kişisel olarak deneyin

Sözdizimi

<element ng-class="expression</element>

Tüm HTML elemanları destekler.

Parametre