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
Autenticarsi in modo sicuro su Azure tramite GitHub Actions
Evitare la script injection nelle GitHub Actions
Implementare l'infinite scroll con QuickGrid in Blazor Server
Utilizzare la libreria Benchmark.NET per misurare le performance
Utilizzare le Cache API di JavaScript per salvare elementi nella cache del browser
Eseguire query manipolando le liste contenute in un oggetto mappato verso una colonna JSON
Determinare lo stato di un pod in Kubernetes
Sviluppare un'interfaccia utente in React con Tailwind CSS e Preline UI
Sfruttare lo streaming di una chiamata Http da Blazor
Usare una container image come runner di GitHub Actions
Miglioramenti agli screen reader e al contrasto in Angular
Sostituire la GitHub Action di login su private registry