دستور ng-model-options AngularJS

تعریف و استفاده

ng-model-options این دستور برای کنترل پیوند بین عناصر فرم HTML و متغیرهای محدوده استفاده می‌شود.

شما می‌توانید مشخص کنید که پیوند باید منتظر رخداد خاصی باشد یا منتظر مدت زمان خاصی (میل ثانیه) باشد و غیره. برای اطلاعات بیشتر، به مقادیر مجاز در پارامترهای زیر مراجعه کنید.

مثال

انتظار دهید تا فیلد از دست بدهد و سپس داده‌ها را ببندید:

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

آزمایش کنید و ببینید

نحوه نوشتن

<عنصر ng-model-options="گزینه</عنصر>

تحت <input>،<select> و <textarea> پشتیبانی از عنصر

پارامترها

پارامترها توضیح
گزینه

آبجکت، که باید گزینه‌هایی را که داده‌بندی باید آن‌ها را دنبال کند، مشخص کند. آبجکت‌های مجاز شامل:

{updateOn: 'event'} برای مشخص کردن که پیوند باید در هنگام وقوع یک رویداد خاص انجام شود.

{debounce : 1000} برای مشخص کردن که پیوند باید چقدر زمان صبر کند.

{allowInvalid : true|false} برای مشخص کردن که آیا اگر مقدار تأیید نشود، باید پیوند انجام شود.

{getterSetter : true|false} برای مشخص کردن که آیا باید توابعی که به مدل متصل می‌شوند، به عنوان getter/setter در نظر گرفته شوند.

{timezone : '0100'} برای مشخص کردن کدام منطقه زمانی باید در هنگام پردازش شیء Date استفاده شود.