AngularJS- ng-model-optionsDirektive
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>
Definition und Verwendung
Die ng-model-optionsDirektive wird verwendet, um die Bindung eines HTML-Formularelements und einer Variablen im Gültigkeitsbereich zu steuern.
Sie können angeben, dass die Bindung auf das Eintreten eines bestimmten Ereignisses oder eine bestimmte Anzahl von Millisekunden und mehr warten soll, siehe die zulässigen Werte, die in den folgenden Parameterwerten aufgeführt sind.
Syntax
<element ng-model-options="option"></element>
Unterstützt von den Elementen <input>, <select> und <textarea>.
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. |