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
Supportare il sorting di dati tabellari in Blazor con QuickGrid
Utilizzare Tailwind CSS all'interno di React: primi componenti
Load test di ASP.NET Core con k6
Utilizzare il trigger SQL con le Azure Function
Definire stili a livello di libreria in Angular
Effettuare il deploy di immagini solo da container registry approvati in Kubernetes
Potenziare Azure AI Search con la ricerca vettoriale
Miglioramenti agli screen reader e al contrasto in Angular
Limitare le richieste lato server con l'interactive routing di Blazor 8
Miglioramenti nelle performance di Angular 16
Eseguire query verso tipi non mappati in Entity Framework Core
Mascherare l'output di un valore all'interno dei log di un workflow di GitHub