Η δομή if στο Angular

Μια συνθήκη στο Angular μπορεί επίσης να δημιουργηθεί με τη βοήθεια μιας ειδικής δομής @if. Αυτή η δομή επιτρέπει την εμφάνιση ή την απόκρυψη μπλοκ κώδικα βάσει συνθήκης. Ας δούμε πώς να δουλέψουμε με αυτήν.

Ας υποθέσουμε ότι έχουμε την ακόλουθη μεταβλητή:

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

Ας δημιουργήσουμε ένα div που θα εμφανίζεται, αν αυτή η μεταβλητή έχει την τιμή true:

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

Ας κάνουμε το div να εμφανίζεται, αν η μεταβλητή μας έχει την τιμή false:

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