Η δομή if στο Angular
Μια συνθήκη στο Angular μπορεί επίσης να δημιουργηθεί με
τη βοήθεια μιας ειδικής δομής @if.
Αυτή η δομή επιτρέπει την εμφάνιση ή
την απόκρυψη μπλοκ κώδικα βάσει συνθήκης. Ας
δούμε πώς να δουλέψουμε με αυτήν.
Ας υποθέσουμε ότι έχουμε την ακόλουθη μεταβλητή:
export class AppComponent {
public isAdmin: boolean = true;
}
Ας δημιουργήσουμε ένα div που θα εμφανίζεται,
αν αυτή η μεταβλητή έχει την τιμή true:
@if (isAdmin) {
<div>
text
</div>
}
Ας κάνουμε το div να εμφανίζεται, αν
η μεταβλητή μας έχει την τιμή false:
@if (!isAdmin) {
<div>
text
</div>
}
Δημιουργήστε μια ιδιότητα isAdult. Εμφανίστε
κείμενο για ενήλικες, αν στη μεταβλητή μας
βρίσκεται η τιμή true.