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:

app/app.component.tsimport {NgIf} from "@angular/common";

Dan tambahkannya dalam bahagian import dalam dekorator:

app/app.component.ts@Component({
  .....
  imports: [....., NgIf],
  ....
})

Sekarang katakan kita mempunyai pembolehubah berikut:

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

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

app/app.component.html<div *ngIf="isAdmin">
  text
</div>

Dan sekarang mari buat supaya div dipaparkan, jika pembolehubah kita mempunyai nilai false:

app/app.component.html<div *ngIf="!isAdmin">
  text
</div>