if-constructie in Angular

Voorwaarden in Angular kunnen ook worden gemaakt met behulp van de speciale constructie @if. Deze constructie maakt het mogelijk om blokken code te tonen of te verbergen op basis van een voorwaarde. Laten we bekijken hoe we ermee kunnen werken.

Stel dat we de volgende variabele hebben:

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

Laten we een div maken die wordt getoond als deze variabele de waarde true heeft:

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

Laten we het zo maken dat de div wordt getoond als onze variabele de waarde false heeft:

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