Muundo wa if katika Angular

Sharti katika Angular pia inaweza kufanywa kwa kutumia muundo maalum @if. Muundo huu unaruhusu kuonyesha au kuficha vitalu vya msimbo kulingana na sharti. Hebu tuone jinsi ya kufanya kazi nayo.

Wacha tuwe na mabadiliko yafuatayo:

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

Wacha tutengeneze div ambayo itaonyeshwa, kama mabadiliko haya yana thamani true:

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

Wacha tufanye ili div ionekane, ikiwa mabadiliko yetu yana thamani false:

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