Arahan if dalam Angular
Dalam Angular, anda boleh membuat supaya tag
dipaparkan atau disembunyikan bergantung
kepada nilai pembolehubah. Untuk ini, digunakan
arahan khas *ngIf. Mari kita
lihat cara menggunakannya.
Pertama, arahan ini perlu diimport:
import {NgIf} from "@angular/common";
Dan tambahkannya dalam bahagian import dalam dekorator:
@Component({
.....
imports: [....., NgIf],
....
})
Sekarang katakan kita mempunyai pembolehubah berikut:
export class AppComponent {
public isAdmin: boolean = true;
}
Mari buat div yang akan dipaparkan,
jika pembolehubah ini mempunyai nilai true:
<div *ngIf="isAdmin">
text
</div>
Dan sekarang mari buat supaya div dipaparkan,
jika pembolehubah kita mempunyai nilai false:
<div *ngIf="!isAdmin">
text
</div>
Buat sifat isAdult. Paparkan
teks untuk dewasa, jika dalam pembolehubah kita
terkandung nilai true.
