Directiva if în Angular
În Angular, puteți face ca o etichetă
să fie afișată sau ascunsă în funcție
de valoarea unei variabile. Pentru aceasta se aplică
directiva specială *ngIf. Să
vedem cum să lucrăm cu ea.
Pentru început, această directivă trebuie importată:
import {NgIf} from "@angular/common";
Și adăugați-o în secțiunea de importuri din decorator:
@Component({
.....
imports: [....., NgIf],
....
})
Să presupunem că acum avem următoarea variabilă:
export class AppComponent {
public isAdmin: boolean = true;
}
Să facem un div care va fi afișat,
dacă această variabilă are valoarea true:
<div *ngIf="isAdmin">
text
</div>
Și acum să facem ca div-ul să fie afișat,
dacă variabila noastră are valoarea false:
<div *ngIf="!isAdmin">
text
</div>
Creați o proprietate isAdult. Afișați
text pentru adulți, dacă în variabila noastră
se află valoarea true.
