AngularJS ng-model-options instructie

AngularJS Referentie Handleiding

Definitie en gebruik

ng-model-options Een instructie die wordt gebruikt om de binding van HTML-formulelementen en variabelen in het bereik te controleren.

Je kunt aangeven dat de binding moet wachten tot een specifieke gebeurtenis optreedt, of tot een specifieke milliseconde, enz. Voor meer informatie, zie de geldige waarden die worden vermeld in de onderstaande parameters.

Voorbeeld

Wacht tot het veld de focus verliest voordat je de binding van de gegevens uitvoert:

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

Probeer het zelf uit

syntaxis

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

ondersteund door <input>、<select> en <textarea> ondersteunde elementen.

parameter

parameter beschrijving
optie

Object, dat de opties bevat die de data binding moet volgen. Geldige objecten zijn:

{updateOn: 'event'} specificeert wanneer de binding moet worden uitgevoerd bij het optreden van een specifiek event.

{debounce : 1000} specificeert hoeveel milliseconden de binding moet wachten.

{allowInvalid : true|false} specificeert of binding mogelijk is als de waarde niet is goedgekeurd door de validatie.

{getterSetter : true|false} specificeert of de functies die gebonden zijn aan het model als getter/setter moeten worden beschouwd.

{timezone : '0100'} specificeert welke tijdzone moet worden gebruikt bij het verwerken van Date-objecten.

AngularJS Referentie Handleiding