ng-model-options
Directive AngularJS
Exemple
Attendez avec la liaison de données jusqu'à ce que le champ perde le focus :
<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
= "John Doe";
});
</script>
Définition et utilisation
La ng-model-options
directive est utilisée pour contrôler la liaison d'un élément de formulaire HTML et d'une variable dans la portée.
Vous pouvez spécifier que la liaison doit attendre qu'un événement spécifique se produise, ou attendre un nombre spécifique de millisecondes, et plus encore, voir les valeurs légales répertoriées dans les valeurs de paramètre ci-dessous.
Syntaxe
<element ng-model-options="option"></element>
Pris en charge par les éléments <input>, <select> et <textarea>.
Valeurs des paramètres
Value | Description |
---|---|
option | An object specifying what options the data-binding must follow. Legal
objects are: {updateOn: 'event'} specifies that the binding should happen when the specific event occur. {debounce : 1000} specifies how many milliseconds to wait with the binding. {allowInvalid : true|false} specify if the binding can happen if the value did not validate. {getterSetter : true|false} specifies if functions bound to the model should be treated as getters/setters. {timezone : '0100'} Specifies what timezone should be used when working with the Date object. |