Derniers tutoriels de développement web
 

AngularJS Directive ng-modèle-options


Exemple

Attendre avec les données de liaison jusqu'à ce que le champ perd 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>
Essayez - le vous - même »

Définition et utilisation

Le ng-model-options est utilisée pour contrôler la liaison d'un élément de formulaire HTML et une variable dans le champ d' application.

Vous pouvez spécifier que la liaison doit attendre un événement spécifique se produise, ou attendre un certain nombre de millisecondes, et plus, voir les valeurs légales mentionnées dans les valeurs des paramètres ci-dessous.


Syntaxe

< element ng-model-options=" option "></ element >

Pris en charge par <input>, <select>, et <textarea> éléments.


Paramètre valeurs

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.