tutorial pengembangan web terbaru
 

AngularJS ng-model pilihan Directive


Contoh

Tunggu dengan data-mengikat sampai lapangan kehilangan fokus:

<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>
Cobalah sendiri "

Definisi dan Penggunaan

The ng-model-options direktif digunakan untuk mengontrol pengikatan elemen bentuk HTML dan variabel dalam ruang lingkup.

Anda dapat menentukan bahwa mengikat harus menunggu untuk acara tertentu terjadi, atau menunggu jumlah tertentu milidetik, dan lebih lanjut, lihat nilai-nilai hukum yang tercantum dalam nilai-nilai parameter di bawah ini.


Sintaksis

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

Didukung oleh <input>, <pilih>, dan <textarea> elemen.


Nilai parameter

Value Description
option An object specifying what options the data-binding must follow. Legal objects are:

{updateOn: ' event '} specifies that the binding should happen when the specific event occur.

{debounce : 1000} specifies how many milliseconds to wait with the binding.

{allowInvalid : true|false} specify if the binding can happen if the value did not validate.

{getterSetter : true|false} specifies if functions bound to the model should be treated as getters/setters.

{timezone : '0100'} Specifies what timezone should be used when working with the Date object.