Angular-এ if কনস্ট্রাকশন

একটি শর্ত Angular-এ বিশেষ @if কনস্ট্রাকশন ব্যবহার করেও তৈরি করা যেতে পারে। এই কনস্ট্রাকশনটি একটি শর্তের ভিত্তিতে কোড ব্লকগুলি দেখানো বা লুকানো সম্ভব করে। আসুন দেখি কিভাবে এটি নিয়ে কাজ করতে হয়।

ধরুন আমাদের নিম্নলিখিত ভেরিয়েবল আছে:

app/app.component.tsexport class AppComponent {
  public isAdmin: boolean = true;
}

আসুন একটি div তৈরি করি যা দেখানো হবে যদি এই ভেরিয়েবলের মান true হয়:

app/app.component.html@if (isAdmin) {
  <div>
    text
  </div>
}

আসুন এটি এমনভাবে করি যাতে divটি দেখানো হয় যদি আমাদের ভেরিয়েবলের মান false হয়:

app/app.component.html@if (!isAdmin) {
  <div>
    text
  </div>
}