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:
export class AppComponent {
public isAdmin: boolean = true;
}
Mari buat div yang akan ditampilkan,
jika variabel ini memiliki nilai true:
@if (isAdmin) {
<div>
text
</div>
}
Mari buat agar div ditampilkan, jika
variabel kita memiliki nilai false:
@if (!isAdmin) {
<div>
text
</div>
}
Buat properti isAdult. Tampilkan
teks untuk dewasa, jika variabel kita
berisi nilai true.