Angular හි if ඩිරෙක්ටිව්

Angular හිදී, විචල්‍යයක අගය අනුව ටැගයක් පෙන්වීම හෝ සැඟවීම සිදු කළ හැකිය. මේ සඳහා විශේෂ ඩිරෙක්ටිව් *ngIf යොදා ගනී. එය සමඟ වැඩ කරන ආකාරය බලමු.

පළමුව, මෙම ඩිරෙක්ටිව් ආයාත කිරීමට අවශ්‍ය වේ:

app/app.component.tsimport {NgIf} from "@angular/common";

එය ඩිකෝරේටරය තුළ ඇති ආයාත අංශයට එකතු කරන්න:

app/app.component.ts@Component({
  .....
  imports: [....., NgIf],
  ....
})

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

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

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

app/app.component.html<div *ngIf="isAdmin">
  text
</div>

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

app/app.component.html<div *ngIf="!isAdmin">
  text
</div>