AngularJS ng-model-optionsDirektive
AngularJS-ReferenzhandbuchBeispiel
Den Wert des Eingabefelds an die Scope-Variable binden, wenn es 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>
<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>
Selbst ausprobieren »
Definition und Verwendung
ng-model-optionsDie Direktive bindet HTML-Formularelemente an Scope-Variablen.
Sie können festlegen, wann die Datenbindung ausgelöst wird, oder angeben, wie viele Millisekunden gewartet werden soll. Beachten Sie die folgende Beschreibung für die Parametereinstellungen.
Syntax
<element ng-model-options="option"></element>
Die Elemente <input>, <select> und <textarea> unterstützen diese Direktive.
Parameterwert
| Wert | Beschreibung |
|---|---|
| option | Legt die Regeln für die Datenbindung wie folgt fest: {updateOn: 'event'} Die Regel legt fest, dass Daten nach dem Auftreten des Ereignisses gebunden werden. {debounce : 1000} Gibt an, wie viele Millisekunden vor der Datenbindung gewartet werden soll. {allowInvalid : true|false} Gibt an, ob Daten nach der Validierung gebunden werden sollen. {getterSetter : true|false} Gibt an, ob an das Modell als Getter/Setter gebunden werden soll. {timezone : '0100'} Gibt an, ob die Zeitzone verwendet werden soll. |
Andere Erweiterungen