دستور ng-if AngularJS

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

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

اگر نتیجه محاسبه عبارت false باشد،ng-if دستور (Instruction) عنصر 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