Dyrektywa if w Angular
W Angular można sprawić, aby znacznik
był pokazywany lub ukrywany w zależności
od wartości zmiennej. Służy do tego
specjalna dyrektywa *ngIf. Spójrzmy,
jak z nią pracować.
Na początku tę dyrektywę trzeba zaimportować:
import {NgIf} from "@angular/common";
I dodać ją w sekcji importów w dekoratorze:
@Component({
.....
imports: [....., NgIf],
....
})
Załóżmy teraz, że mamy następującą zmienną:
export class AppComponent {
public isAdmin: boolean = true;
}
Zróbmy div, który będzie pokazany,
jeśli ta zmienna ma wartość true:
<div *ngIf="isAdmin">
text
</div>
A teraz zróbmy tak, aby div był pokazany,
jeśli nasza zmienna ma wartość false:
<div *ngIf="!isAdmin">
text
</div>
Stwórz właściwość isAdult. Pokaż
tekst dla dorosłych, jeśli w naszej zmiennej
znajduje się wartość true.
