Angular හි if නිර්මාණය

Angular හි තත්වයක් විශේෂ @if නිර්මාණය භාවිතයෙන්ද සකස් කළ හැකිය. මෙම නිර්මාණය තත්වය අනුව කේත බ්ලොක් පෙන්වීම හෝ සැඟවීමට ඉඩ සලසයි. එය සමඟ වැඩ කරන්නේ කෙසේදැයි බලමු.

අපට පහත විචල්යය ඇතැයි සිතමු:

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

මෙම විචල්යයේ අගය true නම් පෙන්වනු ලබන div එකක් සාදමු:

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

අපගේ විචල්යයේ අගය false නම් div එක පෙන්වන ආකාරයට සකසමු:

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