دستور 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 استفاده شود. |