أحدث البرامج التعليمية وتطوير الشبكة
 

AngularJS التوجيه نانوغرام نموذج الخيارات


مثال

الانتظار مع ربط البيانات وحتى يفقد مجال التركيز:

<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>
انها محاولة لنفسك »

تعريف واستخدام

و ng-model-options يستخدم التوجيه للسيطرة على الربط عنصر نموذج HTML ومتغير في نطاق.

يمكنك تحديد أن الربط يجب الانتظار لحدث معين أن يحدث، أو الانتظار لعدد معين من ميلي ثانية، وأكثر من ذلك، راجع القيم القانونية المدرجة في القيم المعلمة أدناه.


بناء الجملة

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

بدعم من <إدخال>، <حدد>، و <textarea> من العناصر.


قيم معلمة

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.