Direktiva if v Angularu
V Angularu lze zařídit, aby se tag
zobrazoval nebo skrýval v závislosti
na hodnotě proměnné. K tomu se používá
speciální direktiva *ngIf. Pojďme
se podívat, jak s ní pracovat.
Nejprve je třeba tuto direktivu importovat:
import {NgIf} from "@angular/common";
A přidat ji do sekce imports v dekorátoru:
@Component({
.....
imports: [....., NgIf],
....
})
Předpokládejme nyní, že máme následující proměnnou:
export class AppComponent {
public isAdmin: boolean = true;
}
Udělejme div, který se zobrazí,
pokud má tato proměnná hodnotu true:
<div *ngIf="isAdmin">
text
</div>
A nyní udělejme, aby se div zobrazil,
pokud má naše proměnná hodnotu false:
<div *ngIf="!isAdmin">
text
</div>
Vytvořte vlastnost isAdult. Zobrazte
text pro dospělé, pokud v naší proměnné
leží hodnota true.
