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
Gestire undefined e partial nelle reactive forms di Angular
Eseguire attività pianificate con Azure Container Jobs
Le novità di Angular: i miglioramenti alla CLI
Utilizzare i primary constructor di C# per inizializzare le proprietà
Effettuare il binding di date in Blazor
Definire stili a livello di libreria in Angular
Utilizzare l'operatore GroupBy come ultima istruzione di una query LINQ in Entity Framework
Creazione di componenti personalizzati in React.js con Tailwind CSS
Ottimizzare la latenza in Blazor 8 tramite InteractiveAuto render mode
Registrare servizi multipli tramite chiavi in ASP.NET Core 8
Copiare automaticamente le secret tra più repository di GitHub
C# 12: Cosa c'è di nuovo e interessante
I più letti di oggi
- Miglioramenti nelle performance di Angular 16
- Ottimizzare le performance delle collection con le classi FrozenSet e FrozenDictionary
- HTML5 con CSS e JavaScript
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- Ottimizzazione dei block template in Angular 17
- Disabilitare automaticamente un workflow di GitHub (parte 2)