AngularJS ng-model-options-anvisning

AngularJS referenshandbok

Definition och användning

ng-model-options Anvisning används för att styra bindningen av HTML-formelement och variabler i scopet.

Du kan specificera att bindningen ska vänta på att en viss händelse inträffar, eller vänta på en viss millisekund, och så vidare. För mer information, se de giltiga värden som listas i nedanstående parametervärden.

Exempel

Vänta tills fältet förlorar fokus innan data bindas:

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

Prova själv

Syntax

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

stödjer <input>、<select> och <textarea> Elementstöd.

Parametrar

Parametrar Beskrivning
option

Objekt som specificerar alternativ som databindningen måste följa. Giltiga objekt inkluderar:

{updateOn: 'event'} anger när bindningen ska ske när en specifik händelse inträffar.

{debounce : 1000} anger hur många millisekunder bindningen ska vänta.

{allowInvalid : true|false} anger om bindning kan ske om värdet inte går igenom valideringen.

{getterSetter : true|false} anger om funktioner som binds till modellen ska betraktas som getter/setter.

{timezone : '0100'} anger vilken tidszon som ska användas vid hantering av Date-objekt.

AngularJS referenshandbok