Direktif if di Angular
Di Angular, Anda dapat membuat suatu tag
ditampilkan atau disembunyikan tergantung
pada nilai suatu variabel. Untuk ini digunakan
directive khusus *ngIf. Mari
kita lihat cara kerjanya.
Pertama-tama, direktif ini perlu diimpor:
import {NgIf} from "@angular/common";
Dan tambahkan ke bagian impor dalam dekorator:
@Component({
.....
imports: [....., NgIf],
....
})
Sekarang misalkan kita memiliki variabel berikut:
export class AppComponent {
public isAdmin: boolean = true;
}
Mari kita buat sebuah div yang akan ditampilkan,
jika variabel ini memiliki nilai true:
<div *ngIf="isAdmin">
text
</div>
Dan sekarang mari kita buat agar div ditampilkan,
jika variabel kita memiliki nilai false:
<div *ngIf="!isAdmin">
text
</div>
Buat properti isAdult. Tampilkan
teks untuk dewasa, jika variabel kita
berisi nilai true.
