دستور AngularJS ng-if

دستورالعمل مرجع AngularJS

تعریف و استفاده

اگر نتیجه محاسبه عبارت false باشد،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 برگرداند، کپی‌ای از این عنصر را وارد می‌کند.

دستورالعمل مرجع AngularJS