AngularJS- ng-model-optionsrichtlijn


Voorbeeld

Wacht met de gegevensbinding tot het veld de focus verliest:

<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>

Definitie en gebruik

De ng-model-optionsrichtlijn wordt gebruikt om de binding van een HTML-formulierelement en een variabele in het bereik te regelen.

U kunt specificeren dat de binding moet wachten tot een specifieke gebeurtenis plaatsvindt, of een bepaald aantal milliseconden moet wachten, en meer, zie de wettelijke waarden die worden vermeld in de parameterwaarden hieronder.


Syntaxis

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

Ondersteund door <input>, <select> en <textarea> elementen.


Parameterwaarden

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.