AngularJS ng-model-options anvisning

Definition og brug

ng-model-options Anvisning bruges til at kontrollere binding af HTML-formelementer og variabler i scopet.

Du kan specificere, at bindingen skal vente på, at en bestemt begivenhed opstår, eller på en bestemt millisekund, osv. For mere information, se de gyldige værdier, der er listet i nedenstående parameterindstillinger.

Eksempel

Vent, indtil feltet mister fokus, før data bindes:

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

Prøv det selv

Syntax

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

understøttet <input><select> og <textarea> Element understøttelse.

Parametre

Parametre Beskrivelse
option

Objekt, der angiver de valg, som data bindingen skal følge. Gyldige objekter inkluderer:

{updateOn: 'event'} Angiver, når en bestemt begivenhed skal forekomme, bindingen skal finde sted.

{debounce : 1000} Angiver hvor mange millisekunder bindingen skal vente.

{allowInvalid : true|false} Angiver om binding kan foretages, selvom værdien ikke passerer valideringen.

{getterSetter : true|false} Angiver om funktioner, der bindes til modellen, skal betragtes som getter/setter.

{timezone : '0100'} Angiver hvilken tidszone, der skal bruges ved håndtering af Date objekter.