ng-if
Misol
Bo‘limni olib tashlash uchun checkbox belgisini olib tashlang:
Keep HTML: <input type="checkbox" ng-model="myVar" ng-init="myVar = true">
<div ng-if="myVar">
<h1>Welcome</h1>
<p>Welcome to my home.</p>
<hr>
</div>
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
ng-if direktivasi ifoda false qiymatini bersa, HTML elementini olib tashlaydi.
Agar if operatori true qiymatini bersa, elementning nusxasi DOM’ga qo‘shiladi.
ng-if direktivasi ng-hide’dan farq qiladi: ng-hide elementni faqat ko‘rinishdan yashiradi, ng-if direktivasi esa elementni DOM’dan butunlay olib tashlaydi.
Sintaksis
<element ng-if="expression"></element>
Barcha HTML elementlari tomonidan qo‘llab-quvvatlanadi.
Parametr qiymatlari
| Qiymat | Tavsif |
|---|---|
| expression | false qaytarsa, elementni butunlay olib tashlaydigan ifoda. true qaytarsa, uning o‘rniga elementning nusxasi joylashtiriladi. |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!