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
Estrarre dati randomici da una lista di oggetti in C#
Eseguire query per recuperare il padre di un record che sfrutta il tipo HierarchyID in Entity Framework
Sfruttare al massimo i topic space di Event Grid MQTT
Introduzione alle Container Queries
Cancellare una run di un workflow di GitHub
Evitare il flickering dei componenti nel prerender di Blazor 8
Generare un hash con SHA-3 in .NET
Referenziare un @layer più alto in CSS
Visualizzare le change sul plan di Terraform tramite le GitHub Actions
Eseguire i worklow di GitHub su runner potenziati
Persistere la ChatHistory di Semantic Kernel in ASP.NET Core Web API per GPT
Migliorare la sicurezza dei prompt con Azure AI Studio