Instruzione AngularJS ng-model-options

Definizione e uso

ng-model-options L'instruzione viene utilizzata per controllare il binding degli elementi del form HTML e delle variabili nello scope.

Puoi specificare che il binding deve attendere l'evento specifico o un numero specifico di millisecondi, ecc. Per ulteriori informazioni, consulta i valori validi elencati nei parametri di seguito.

Esempio

Attendere che il campo perda il fuoco prima di effettuare il binding dei dati:

<div ng-app="myApp" ng-controller="myCtrl">
    <input ng-model="name" ng-model-options="{updateOn: 'blur'}">
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.name = "Bill Gates";
);
</script>

Prova direttamente

sintassi

<elemento ng-model-options="opzione</elemento>

supportato da <input><select> e <textarea> elemento supportato.

parametro

parametro descrizione
opzione

Oggetto, che specifica le opzioni che i dati di binding devono seguire. Gli oggetti validi includono:

{updateOn: 'event'} Specifica quando il bind deve avvenire quando si verifica un evento specifico.

{debounce : 1000} Specifica per quanti millisecondi il bind deve aspettare.

{allowInvalid : true|false} Specifica se è possibile eseguire il bind se il valore non passa la validazione.

{getterSetter : true|false} Specifica se le funzioni collegate al modello devono essere considerate getter/setter.

{timezone : '0100'} Specifica quale fuso orario utilizzare durante la gestione degli oggetti Date.