Direktyva if Angular
Angular galima padaryti taip, kad žyma
būtų rodoma arba paslėpta priklausomai
nuo kintamojo reikšmės. Tam taikoma
speciali direktyva *ngIf. Pažiūrėkime,
kaip su ja dirbti.
Pirmiausia ši direktyva turi būti importuota:
import {NgIf} from "@angular/common";
Ir pridėti ją į importų skiltį dekoratoriuje:
@Component({
.....
imports: [....., NgIf],
....
})
Tarkime, dabar turime tokį kintamąjį:
export class AppComponent {
public isAdmin: boolean = true;
}
Padarykime div, kuris bus rodomas,
jei šis kintamasis turės reikšmę true:
<div *ngIf="isAdmin">
text
</div>
O dabar padarykime taip, kad div būtų rodomas,
jei mūsų kintamasis turi reikšmę false:
<div *ngIf="!isAdmin">
text
</div>
Sukurkite savybę isAdult. Parodykite
tekstą suaugusiems, jei mūsų kintamajame
yra reikšmė true.
