AngularJS ng-model-options ohje

AngularJS viittausopas

Määrittely ja käyttö

ng-model-options Ohjeet HTML-lomakkeen elementtien ja sovelluksen muuttujien sidonnalle.

Voit määrittää, että sidottu odottaa tietyn tapahtuman tapahtumista tai tietyn millisekunnin kuluttamista jne. Lisätietoja löydät alla olevista sallituista arvoista.

Esimerkki

Odota, että kenttä menettää fokuksen ennen kuin data sidotaan:

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

kokeile itse

syntaksi

<elementti ng-model-options="valinta</elementti>

saa <input>、<select> ja <textarea> elementti tukee.

parametrit

parametrit kuvaus
valinta

Objekti, joka määrittää tietojen sidonnan täytyy noudattaa vaihtoehtoja. Lailliset objektit sisältävät:

{updateOn: 'event'} määrittää, kun tietty tapahtuma tapahtuu, sidottu arvo päivitetään.

{debounce : 1000} määrittää, kuinka monta millisekuntia sidottu arvo odottaa ennen kuin se päivitetään.

{allowInvalid : true|false} määrittää, voidaanko sidottu arvo käyttää, vaikka se ei läpäise vahvistusta.

{getterSetter : true|false} määrittää, tulisiko malliin sidottu funktio nähdä getterina/setterinä.

{timezone : '0100'} määrittää, minkä aikavyöhykkeen tulisi käyttää Date-objektin käsittelyssä.

AngularJS viittausopas