Agizo if katika Angular

Katika Angular, inawezekana kufanya kitambulishi kionekane au kifichwe kulingana na thamani ya kutofautisha. Hii inafanywa kwa kutumia agizo maalum *ngIf. Hebu tuangalie jinsi ya kufanya kazi nayo.

Kwanza, agizo hili linahitaji kuagizwa:

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

Na kuongezwa kwenye sehemu ya viagizwa katika kidekideshi:

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

Hebu tuchukulie sasa tuna kutofautisha kifuatacho:

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

Hebu tufanye divi ambayo itaonyeshwa, kama kutofautisha hiki kina thamani true:

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

Sasa tufanye divi ionekane, kama kutofautisha chetu kina thamani false:

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