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
Controllare la telemetria con .NET Aspire
Personalizzare le pagine di errore su Azure App Service
Disabilitare le run concorrenti di una pipeline di Azure DevOps
Montare Azure Blob Storage su Linux con BlobFuse2
Utilizzare WhenEach per processare i risultati di una lista di task
Integrare LLM alle nostre applicazioni in .NET con MCP
Integrazione di Copilot in .NET Aspire
Utilizzare Containers in .NET Aspire
Configurare lo startup di applicazioni server e client con .NET Aspire
Introduzione ai web component HTML
Combinare Container Queries e Media Queries
Utilizzare il metodo Index di LINQ per scorrere una lista sapendo anche l'indice dell'elemento
I più letti di oggi
- Effettuare il multi-checkout in linea nelle pipeline di Azure DevOps
- Sfruttare una CDN con i bundle di ASP.NET
- Esaminare documenti XML con namespace utilizzando LINQ to XML
- Alleggerire le applicazioni WPF sfruttando gli oggetti Freezable
- Effetto turnstile su tutte le pagine con il Windows Phone Toolkit
- Le DirectInk API nella Universal Windows Platform
- Gli oggetti CallOut di Expression Blend 4.0
- Inserire le news di Punto Informatico nel proprio sito


