Angular-da if direktiwasy
Angular-da bellik bir üýtgeýjiniň bahasyna görä
görkezilip ýa-da gizlenip bilner. Munuň üçin
ýörite *ngIf direktiwasy ulanylýar. Geliň,
on bilen nähili işlemelidigine seredeliň.
Ilki bilen, bu direktiwany import etmeli:
import {NgIf} from "@angular/common";
We ony dekoratordaky import bölümine goşmaly:
@Component({
.....
imports: [....., NgIf],
....
})
Indi bizde aşakdaky ýaly üýtgeýji bar diýeliň:
export class AppComponent {
public isAdmin: boolean = true;
}
Geliň, bu üýtgeýjiniň bahasy true bolanda
görkeziler ýaly bir div dözdüreliň:
<div *ngIf="isAdmin">
text
</div>
Indi bolsa, div-iň üýtgeýjimiziň bahasy
false bolanda görkezilmegini gazanalyň:
<div *ngIf="!isAdmin">
text
</div>
isAdult häsietini düzüň. Üýtgeýjimizde
true bahasy ýatýan bolsa, uly adamlar
üçin teksti görkeziň.
