Die if-konstruksie in Angular

Voorwaarde in Angular kan ook gemaak word met behulp van die spesiale konstruksie @if. Hierdie konstruksie laat toe om blokke kode te wys of te verberg volgens 'n voorwaarde. Kom ons kyk hoe om daarmee te werk.

Laat ons die volgende veranderlike hê:

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

Kom ons maak 'n div wat gewys sal word as hierdie veranderlike die waarde true het:

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

Kom ons maak so dat die div gewys word, as ons veranderlike die waarde false het:

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