Beispiel
Warten Sie mit der Datenbindung, bis das Feld den Fokus verliert:
<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>
Versuch es selber " Definition und Verwendung
Das ng-model-options Direktive wird verwendet , um die Bindung eines HTML - Formularelement und eine Variable im Rahmen zu steuern.
Sie können ein bestimmtes Ereignis festlegen, dass für die Bindung warten sollte auftreten, oder eine bestimmte Anzahl von Millisekunden warten, und vieles mehr, die gesetzlichen Werte aufgelistet in den Parameterwerten siehe unten.
Syntax
< element ng-model-options=" option "></ element >Unterstützt von <input>, <select> und <textarea> Elemente.
Parameterwerte
| 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. |