آموزش Angular - قسمت 12 - دستورالعمل ngIf

درود به همه‌ی دوستان عزیز که به دنبال یادگیری فریم‌وورک Angular می‌باشند. در این قسمت از سری آموزش‌های Angular به بررسی دستورالعمل ngIf می‌پردازیم. دستور ngIf یکی از مهمترین و کاربردی‌ترین دستورات در Angular است که به ما این امکان را می‌دهد تا یک المان را بر اساس یک شرط مشخص از DOM حذف یا اضافه کنیم. با استفاده از ngIf می‌توانیم بخش‌های مختلفی از صفحه را بر اساس وضعیت خاص نمایش دهیم و یا پنهان کنیم. برای استفاده از ngIf در Angular، ابتدا باید این دستور را به کامپوننت مربوطه اضافه کنیم. سپس شرط مورد نظرمان را در تگ مربوطه قرار دهیم. به عنوان مثال، فرض کنید می‌خواهیم یک المان را نمایش دهیم فقط زمانی که یک متغیر با مقدار خاصی پر شود، به این صورت عمل می‌کنیم: ``` <div *ngIf="isDataLoaded"> اطلاعات بارگذاری شد. </div> ``` در اینجا، isDataLoaded یک متغیر در کامپوننت ماست که به مقدار true