Konstruksi if dalam Angular

Kondisi dalam Angular juga dapat dibuat dengan bantuan konstruksi khusus @if. Konstruksi ini memungkinkan untuk menampilkan atau menyembunyikan blok kode berdasarkan kondisi. Mari kita lihat cara kerjanya.

Misalkan kita memiliki variabel berikut:

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

Mari buat div yang akan ditampilkan, jika variabel ini memiliki nilai true:

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

Mari buat agar div ditampilkan, jika variabel kita memiliki nilai false:

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