Konstruksi if dalam Angular

Keadaan dalam Angular juga boleh dibuat dengan menggunakan konstruksi khas @if. Konstruksi ini membolehkan untuk menunjukkan atau menyembunyikan blok kod berdasarkan keadaan. Mari kita lihat cara menggunakannya.

Katakan kita mempunyai pembolehubah berikut:

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

Mari buat div yang akan ditunjukkan, jika pembolehubah ini mempunyai nilai true:

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

Mari buat supaya div ditunjukkan, jika pembolehubah kita mempunyai nilai false:

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