Negli script precedenti abbiamo visto come lo scope serva da contenitore di dati che vengono poi mostrati sulla UI attraverso la sintassi di binding che fa uso dell'interpolazione con le parentesi graffe. Oltre a questa sintassi, possiamo anche utilizzare la direttiva ng-bind che produce lo stesso risultato.
<div ng-bind="Name"></div>
Tuttavia, i dati nello scope non sono in sola lettura per la UI, ma possono anche essere modificati tramite controlli come textbox, checkbox, textarea, e così via. In questi casi la direttiva ng-bind non è sufficiente, poichè questa permette di collegare lo scope alla UI in modalità one-way. Per fare in modo che la UI possa modificare i dati nello scope (modalità two-way) dobbiamo utilizzare la direttiva ng-model.
<input ng-model="Name" />
In questo modo, quando l'utente modifica il contenuto della textbox, il contenuto della proprietà Name dello scope viene aggiornato di conseguenza.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Gestione dei nomi con le regole @layer in CSS
Triggerare una pipeline su un altro repository di Azure DevOps
Gestione CSS in Blazor con .NET 9
Disabilitare le run concorrenti di una pipeline di Azure DevOps
Inference di dati strutturati da testo con Semantic Kernel e ASP.NET Core Web API
Conoscere il rendering Server o WebAssembly a runtime in Blazor
Proteggere le risorse Azure con private link e private endpoints
Configurare automaticamente un webhook in Azure DevOps
Autenticazione di git tramite Microsoft Entra ID in Azure DevOps
Esporre i propri servizi applicativi con Semantic Kernel e ASP.NET Web API
Montare Azure Blob Storage su Linux con BlobFuse2
Supportare la crittografia di ASP.NET Core con Azure Container App
I più letti di oggi
- Eseguire query con LINQ to SQL
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- Gestione file Javascript in Blazor con .NET 9
- Documentare i servizi REST con Swagger e OpenAPI con .NET 9
- #VS2017 Community è già disponibile al download da questa pagina https://aspit.co/bgb
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!