AngularJS NG-IF التوجيه
مثيل AngularJS
قم بفك المحتوى وإزالته:
<! doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> ng-model = "myvar" ng-init = "myvar = true"> <div ng-if = "myvar"> <h1> مرحبًا </h1> <p> مرحبًا بك في منزلي. </p> <hr> </fiv> <p> تتم إزالة عنصر DIV عند عدم رقص خانة الاختيار. </p> <p> عند إعادة اختيار خانة الاختيار ، سيتم إعادة تشغيل عنصر DIV. </p> </body> </html>
التعريف والاستخدام
يتم استخدام توجيه NG-IF لإزالة عناصر HTML عندما يكون التعبير خطأ.
إذا كانت نتيجة تنفيذ العبارة IF صحيحة ، فسيتم إضافة العنصر الذي تمت إزالته وعرضه.
يختلف توجيه NG-IF عن NG-Hide ، حيث يخفي NG-Hide عناصر ، بينما يقوم NG-If بإزالة العناصر من DOM.
قواعد
<element ng-if = "expression"> </element>
جميع عناصر HTML تدعم هذا التوجيه.
قيمة المعلمة
| قيمة | يصف |
|---|---|
| تعبير | إذا عاد التعبير خطأ ، فسيتم إزالة العنصر بأكمله ، وإذا كان صحيحًا ، فسيتم إضافة العنصر. |
ما سبق هو تجميع للمعرفة الأساسية لـ AngularJs. سوف نستمر في إضافته لاحقًا. شكرا لك على دعمك.