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
Fornire parametri ad un Web component HTML
Popolare una classe a partire dal testo, con Semantic Kernel e ASP.NET Core Web API
Usare i settings di serializzazione/deserializzazione di System.Text.Json di ASP.NET all'interno di un'applicazione non web
Utilizzare il metodo CountBy di LINQ per semplificare raggruppamenti e i conteggi
Anonimizzare i dati sensibili nei log di Azure Front Door
Ottenere un token di accesso per una GitHub App
Gestione CSS in Blazor con .NET 9
Inference di dati strutturati da testo con Semantic Kernel e ASP.NET Core Web API
Utilizzare DeepSeek R1 con Azure AI
Il nuovo controllo Range di Blazor 9
Gestione ciclo di vita in .NET Aspire
.NET Aspire per applicazioni distribuite
I più letti di oggi
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- Documentare i servizi REST con Swagger e OpenAPI con .NET 9
- Impersonation di utente per l'esecuzione di codice in una pagina ASP.NET
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!