NgIf direktiiv Angularis
Angularis saab teha nii, et silt
kuvatakse või peidetakse sõltuvalt
muutuja väärtusest. Selleks kasutatakse
spetsiaalset direktiivi *ngIf. Vaatame,
kuidas sellega töötada.
Alustuseks tuleb see direktiiv importida:
import {NgIf} from "@angular/common";
Ja lisada see imporditud osasse dekoratuuris:
@Component({
.....
imports: [....., NgIf],
....
})
Oletame nüüd, et meil on järgmine muutuja:
export class AppComponent {
public isAdmin: boolean = true;
}
Teeme div-i, mis kuvatakse,
kui see muutuja on väärtusega true:
<div *ngIf="isAdmin">
text
</div>
Ja nüüd teeme nii, et div kuvataks,
kui meie muutuja on väärtusega false:
<div *ngIf="!isAdmin">
text
</div>
Tehke omadus isAdult. Kuva
täiskasvanutele mõeldud tekst, kui meie muutujas
on väärtus true.
