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
Eseguire query in contemporanea con EF
Path addizionali per gli asset in ASP.NET Core MVC
Autenticazione di git tramite Microsoft Entra ID in Azure DevOps
Rinnovare il token di una GitHub App durante l'esecuzione di un workflow
Gestire i dati con Azure Cosmos DB Data Explorer
Utilizzare il metodo CountBy di LINQ per semplificare raggruppamenti e i conteggi
Utilizzare DeepSeek R1 con Azure AI
Gestire codice JavaScript con code splitting e lazy loading
Utilizzare WebJobs su Linux con Azure App Service
Recuperare l'ultima versione di una release di GitHub
Creare una libreria CSS universale: Clip-path
I più letti di oggi
- .NET Conference Italia 2025 - Milano
- The Agentic Day - Milano
- Usare i settings di serializzazione/deserializzazione di System.Text.Json di ASP.NET all'interno di un'applicazione non web
- Gestione ciclo di vita in .NET Aspire
- Assengare l'ID ai controlli in maniera automatica
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!