تعليمات AngularJS ng-if
التعريف والاستخدام
إذا كانت نتيجة حساب التعبير خطأ،ng-if
سيتم حذف العنصر HTML.
إذا كان نتيجة حساب جملة if صحيحة، فإن نسخة العنصر سيتم إضافتها إلى DOM.
ng-if
تعليمات مع ng-hide
مختلف،ng-hide
إخفاء عرض العنصر، حيث ng-if
تعليمات ستجعل العنصر يزول من DOM.
مثال
ألغِ تحديد المربع ل�除 حصة:
احتفظ بالHTML:<input type="checkbox" ng-model="myVar" ng-init="myVar = true"> <div ng-if="myVar"> <h1>مرحبًا</h1> <p>مرحبًا بكم في منزلي.</p> <hr> </div>
النحو
<element ng-if="expression</element>
جميع عناصر HTML تدعمها.
المتغيرات
المتغيرات | وصف |
---|---|
expression |
إذا كان العودة false، فإنه سيتم حذف العنصر بشكل كامل. إذا كان العودة true، فإنه سيتم إدراج نسخة من العنصر. |