Direktīva if Angular
Angular var izveidot tā, lai tags
tiktu rādīts vai paslēpts atkarībā
no mainīgā vērtības. Šim nolūkam tiek izmantota
īpaša direktīva *ngIf. Apskatīsim,
kā ar to strādāt.
Vispirms šī direktīva ir jāimportē:
import {NgIf} from "@angular/common";
Un jāpievieno to importu sadaļā dekoratorā:
@Component({
.....
imports: [....., NgIf],
....
})
Pieņemsim, ka mums ir šāds mainīgais:
export class AppComponent {
public isAdmin: boolean = true;
}
Izveidosim div, kas tiks rādīts,
ja šim mainīgajam ir vērtība true:
<div *ngIf="isAdmin">
text
</div>
Un tagad izveidosim tā, lai div tiktu rādīts,
ja mūsu mainīgajam ir vērtība false:
<div *ngIf="!isAdmin">
text
</div>
Izveidojiet īpašību isAdult. Parādiet
tekstu pieaugušajiem, ja mūsu mainīgajā
atrodas vērtība true.
