Quando si sviluppa la UI di un'applicazione, spesso capita di dover renderizzare o meno delle porzioni di UI a seconda del valore di un dato sia questo proveniente dal server, o dall'input dell'utente o da altre sorgenti. In Angular esiste la direttiva ngIf che copre esattamente questa necessità.
La direttiva ngIf accetta in input un valore booleano in base al quale decide se renderizzare o meno il tag a cui la direttiva è applicata come mostrato nel prossimo esempio.
<div *ngIf="show"> contenuto del div </div>
In questo caso, se la variabile show ha valore true, il div viene mostrato; se la variabile ha valore false, il div non viene proprio renderizzato sul client quindi non è nemmeno presente nel dom. Questo accade perchè la direttiva ngIf non agisce sulla visibilità del tag HTML, ma sulla sua renderizzazione.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Generare token per autenicarsi sulle API di GitHub
Eseguire attività pianificate con Azure Container Jobs
Come migrare da una form non tipizzata a una form tipizzata in Angular
Utilizzare il trigger SQL con le Azure Function
Utilizzare la session affinity con Azure Container Apps
Eseguire attività con Azure Container Jobs
Utilizzare le collection expression in C#
Gestire i null nelle reactive form tipizzate di Angular
Utilizzare HiLo per ottimizzare le insert in un database con Entity Framework
Gestire domini wildcard in Azure Container Apps
Usare le variabili per personalizzare gli stili CSS
Reactive form tipizzati con FormBuilder in Angular
I più letti di oggi
- Creare un messaggio di posta in diversi formati con ASP.NET 2.0
- Caricare un DTO esposto da un servizio tramite una query LINQ to Entities in Entity Framework
- Utilizzare il metodo reduce in #javascript https://aspit.co/ccc di @morwalpiz
- Elencare gli utenti di un dominio NT con ADSI
- Utilizzare SQL e #linq per eseguire una query con #entityframework Core https://aspit.co/bfv di @sm15455 #efcore1
- Disponibile il codice sorgente di ASP.NET MVC
- Concludiamo in bellezza con Giancarlo Sudano di Microsoft: q# for quantum programming Siamo in live streaming da: https://aspit.co/netconf-22 #aspilive #netconfit
- Caricare i dati di configurazione allo startup di un'applicazione Angular
- rilasciati nuovi template per la #aspnet web pages. funzionano anche con #webmatrix: http://u.aspitalia.com/lu
- Creare automaticamente una pipeline YAML da una sua definizione in Azure DevOps