AngularJS ng-model-options Anweisung

Definition und Verwendung

ng-model-options Anweisung zur Kontrolle der Bindung von HTML-Formularelementen und Variablen im Bereich.

Sie können angeben, dass die Bindung auf das Eintreten eines bestimmten Ereignisses warten soll, oder dass sie auf eine bestimmte Anzahl von Millisekunden warten soll, etc. Für mehr Informationen siehe die in den unten aufgeführten gültigen Werten angegebenen Informationen.

Beispiel

Warten Sie, bis das Feld den Fokus verliert, bevor Sie die Daten binden:

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

Probieren Sie es selbst aus

Syntax

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

unterstützt <input><select> und <textarea> Elementunterstützung.

Parameter

Parameter Beschreibung
Option

Objekt, das die Optionen angibt, die die Datenbindung befolgen muss. Gültige Objekte sind:

{updateOn: 'event'} gibt an, dass die Bindung bei Eintreten eines bestimmten Ereignisses erfolgen soll.

{debounce : 1000} gibt an, wie viele Millisekunden die Bindung warten soll.

{allowInvalid : true|false} gibt an, ob eine Bindung erfolgen kann, wenn der Wert nicht die Überprüfung bestanden hat.

{getterSetter : true|false} gibt an, ob die auf das Modell bindenden Funktionen als Getter/Setter betrachtet werden sollen.

{timezone : '0100'} gibt an, welche Zeitzone bei der Verarbeitung von Date-Objekten verwendet werden soll.