Negli script precedenti abbiamo visto come, con AngularJS, per creare una form che valorizzi al volo il nostro modello, ci basti fare uso dell'attributo ng-model, che ha il comportamento predefinito, sugli elementi che compongono una form, di consentire un popolamento automatico in fase di binding con il valore inserito dall'utente.
Ci sono casi in cui il comportamento di default può essere modificato, ad esempio per eseguire una query solo dopo che l'utente ha perso il focus da un campo.
In questi scenaro, occorre utilizzare l'attributo ng-model-options, che consente di specificare a quale evento corrisponderà un aggiornamento del modello:
<input type="search" ng-model="searchKey" ng-model-options="{ updateOn: 'blur' }" placeholder="cerca amici..." />
In questo caso indichiamo che l'aggiornamento avverà in caso di blur del controllo. Eventi multipli possono essere specificati con questa sintassi:
<input type="search" ng-model="searchKey" ng-model-options="{ updateOn: 'default blur' }" placeholder="cerca amici..." />
Inoltre, può essere specificato un tempo di ritardo, grazie alla proprietà debounce, che può essere applicata singolarmente ai singoli eventi, così:
<input type="search" ng-model="searchKey" ng-model-options="{ updateOn: 'default blur', debounce: { default: 1000, blur: 250 } }" />
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Monitorare i server on-premises con Azure Arc
Utilizzare HiLo per ottimizzare le insert in un database con Entity Framework
Elencare le container images installate in un cluster di Kubernetes
Usare un KeyedService di default in ASP.NET Core 8
Utilizzare i primary constructor di C# per inizializzare le proprietà
Gestire liste di tipi semplici con Entity Framework Core
Generare file PDF da Blazor WebAssembly con iText
Utilizzare flat e flatMap per appiattire array innestati in array
Criptare la comunicazione con mTLS in Azure Container Apps
Eseguire query manipolando liste di tipi semplici con Entity Framework Core
Sviluppare un'interfaccia utente in React con Tailwind CSS e Preline UI
Definire lo stile CSS in base alle dimensioni del container
I più letti di oggi
- Evitare il flickering dei componenti nel prerender di Blazor 8
- Rilasciata la Beta 2 di Visual Studio 2008
- tra pochi minuti inizia la keynote della seconda giornata. seguila live su http://aspitalia.com/mix-11 #mix11
- .@dbochicchio ora su #aspnetcore 2 a #netconfit https://aspit.co/netconf-17
- Utilizzare angular-cli per creare una direttiva in Angular 2
- Windows Vista: il ritorno di WinFS con la beta1
- .@CristianCivera tra poco su #azure con i suoi tips&tricks per lo sviluppatore web: https://aspit.co/web15-live #aspilive
- Le novità di C# 10