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
Creazione di plugin per Tailwind CSS: espandere le funzionalità del framework dinamicamente
Utilizzare Model as a Service su Microsoft Azure
Evitare la script injection nelle GitHub Actions
Creare moduli CSS in React
Copiare automaticamente le secret tra più repository di GitHub
Sviluppare un'interfaccia utente in React con Tailwind CSS e Preline UI
Evitare il flickering dei componenti nel prerender di Blazor 8
Miglioramenti nelle performance di Angular 16
Creare gruppi di client per Event Grid MQTT
Specificare il versioning nel path degli URL in ASP.NET Web API
Usare il versioning con i controller di ASP.NET Core Web API
Usare le collection expression per inizializzare una lista di oggetti in C#