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
Utilizzo del persistent state di Blazor nel prerendering
Creare una cache temporanea in JavaScript
Operazioni tra insiemi di array in Javascript
Personalizzare i parametri del CSS Scroll Snap
Creare una UI per i tool MCP con resource e Azure Functions
Structured Output con Microsoft.Extensions.AI: ottenere oggetti C# da un LLM
Gestire lo streaming AI con Angular Signals e React State
Evitare il cache poisoning nei workflow di GitHub
Semplificare la gestione dei modelli con Azure AI Foundry Model Router
Applicare il progressive enhancement in applicazioni web
Integrare Agenti A2A in Azure API Management
I più letti di oggi
- Effettuare il multi-checkout in linea nelle pipeline di Azure DevOps
- Accedere a risorse e immagini in Windows Store app di Windows 8
- Alleggerire le applicazioni WPF sfruttando gli oggetti Freezable
- Consumare dati binari in realtime lato client con ASP.NET Core SignalR
- Permettere il Drag-and-drop solo su zone predefinite con Silverlight 2.0
- Effetto turnstile su tutte le pagine con il Windows Phone Toolkit
- Personalizare l'icona e le funzionalità di un sito web per iOS e IE
- Caricamenti veloci da CDN e fallback locale con ASP.NET Core
- Utilizzare dati in formato XML in XAML
- Accedere a dati esposti con WebService con Silverlight 1.0


