If-konstruksjonen i Angular

Betingelser i Angular kan også lages med en spesiell konstruksjon @if. Denne konstruksjonen lar deg vise eller skjule kodeblokker basert på en betingelse. La oss se hvordan man arbeider med den.

La oss si at vi har følgende variabel:

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

La oss lage en div som vil bli vist hvis denne variabelen har verdien true:

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

La oss gjøre slik at div-en vises hvis vår variabel har verdien false:

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