Direktíva if v Angular
V Angular je možné dosiahnuť, aby sa element
zobrazoval alebo skrýval v závislosti
od hodnoty premennej. Na to sa používa
špeciálna direktíva *ngIf. Poďme
sa pozrieť, ako s ňou pracovať.
Na začiatok je potrebné túto direktívu importovať:
import {NgIf} from "@angular/common";
A pridať ju do sekcie imports v dekorátore:
@Component({
.....
imports: [....., NgIf],
....
})
Nech máme teraz nasledujúcu premennú:
export class AppComponent {
public isAdmin: boolean = true;
}
Urobme div, ktorý sa zobrazí,
ak má táto premenná hodnotu true:
<div *ngIf="isAdmin">
text
</div>
A teraz urobme tak, aby sa div zobrazil,
ak má naša premenná hodnotu false:
<div *ngIf="!isAdmin">
text
</div>
Vytvorte vlastnosť isAdult. Zobrazte
text pre dospelých, ak v našej premennej
je hodnota true.
