ng-class
Misol
<div> elementining klassini o‘zgartiring:
<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>
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
ng-class direktivasi HTML elementiga bir yoki bir nechta CSS klassini dinamik tarzda bog‘laydi.
ng-class direktivasining qiymati string, obyekt yoki massiv bo‘lishi mumkin.
Agar u string bo‘lsa, bo‘sh joy bilan ajratilgan bir yoki bir nechta klass nomini o‘z ichiga olishi kerak.
Obyekt sifatida u kalit-qiymat juftliklarini o‘z ichiga olishi kerak, bunda kalit — qo‘shmoqchi bo‘lgan klassingiz nomi, qiymat esa boolean qiymat. Klass faqat qiymat true bo‘lgandagina qo‘shiladi.
Massiv sifatida u ikkalasining birikmasi bo‘lishi mumkin. Massivning har bir elementi yuqorida tavsiflanganidek string yoki obyekt bo‘lishi mumkin.
Sintaksis
<element ng-class="expression"></element>
Barcha HTML elementlari tomonidan qo‘llab-quvvatlanadi.
Parametr qiymatlari
| Qiymat | Tavsif |
|---|---|
| expression | Bir yoki bir nechta klass nomini qaytaradigan ifoda. |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!