Direktivet if i Angular
I Angular kan man göra så att en tagg
visas eller döljs beroende
på värdet av en variabel. För detta används
ett speciellt direktiv *ngIf. Låt oss
se hur man arbetar med det.
Först måste detta direktiv importeras:
import {NgIf} from "@angular/common";
Och lägg till det i imports-avsnittet i dekoratören:
@Component({
.....
imports: [....., NgIf],
....
})
Låt oss nu anta att vi har följande variabel:
export class AppComponent {
public isAdmin: boolean = true;
}
Låt oss skapa en div som kommer att visas
om denna variabel har värdet true:
<div *ngIf="isAdmin">
text
</div>
Och nu låt oss göra så att div:en visas
om vår variabel har värdet false:
<div *ngIf="!isAdmin">
text
</div>
Skapa egenskapen isAdult. Visa
text för vuxna om vår variabel
innehåller värdet true.
