Konstrukcja if w Angularze

Warunek w Angularze można również utworzyć za pomocą specjalnej konstrukcji @if. Ta konstrukcja pozwala pokazywać lub ukrywać bloki kodu warunkowo. Spójrzmy, jak z nią pracować.

Załóżmy, że mamy następującą zmienną:

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

Stwórzmy div, który będzie wyświetlany, jeśli ta zmienna ma wartość true:

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

Zróbmy tak, aby div był pokazywany, jeśli nasza zmienna ma wartość false:

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