Konstrukcja if w Angularze
Warunek w Angularze można również utworzyć za
pomocą specjalnej konstrukcji @if.
Ta konstrukcja pozwala pokazywać lub
ukrywać bloki kodu warunkowo. Spójrzmy,
jak z nią pracować.
Załóżmy, że mamy następującą zmienną:
export class AppComponent {
public isAdmin: boolean = true;
}
Stwórzmy div, który będzie wyświetlany,
jeśli ta zmienna ma wartość true:
@if (isAdmin) {
<div>
text
</div>
}
Zróbmy tak, aby div był pokazywany, jeśli
nasza zmienna ma wartość false:
@if (!isAdmin) {
<div>
text
</div>
}
Stwórz właściwość isAdult. Pokaż
tekst dla dorosłych, jeśli w naszej zmiennej
znajduje się wartość true.