if konstrukcija Angular
Nosacījumu Angular var izveidot arī ar
īpašas konstrukcijas @if palīdzību.
Šī konstrukcija ļauj rādīt vai
slēpt koda blokus atkarībā no nosacījuma. Apskatīsim,
kā ar to strādāt.
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:
@if (isAdmin) {
<div>
text
</div>
}
Padarīsim tā, lai div tiktu rādīts, ja
mūsu mainīgajam ir vērtība false:
@if (!isAdmin) {
<div>
text
</div>
}
Izveidojiet īpašību isAdult. Parādiet
tekstu pieaugušajiem, ja mūsu mainīgajā
ir vērtība true.