دروس أساسية لـ AngularJS

دليل مرجعي لـ AngularJS Select لـ AngularJS (قائمة اختيار)

تعليمات ng-if لـ AngularJS

مثال

<!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">
<script　src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>
</head>
<body　ng-app="">
احتفظ بالـ HTML: <input type="checkbox" ng-model="myVar" ng-init="myVar = true">
<div ng-if="myVar">
<h1>مرحبًا</h1>
<p>مرحبًا بكم في منزلي.</p>
<hr>
</div>
<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 تدعم هذه التعليمات.

قيمة المعامل

القيمة	وصف
expression	إذا كان العبارة تعود بالفعل إلى false، سيتم إزالة العنصر بأكمله، وإذا كانت تعود إلى true، سيتم إضافة العنصر.

دليل مرجعي لـ AngularJS

دليل مرجعي لـ AngularJS Select لـ AngularJS (قائمة اختيار)