डाउनलोड पी.डी.एफ. ई-बुक्स
AJS - Directives ng-model-options

ng-model-options directive; Scope में Variable और Form Elements(<input>,<textarea>, <select>) के binding को control करने के लिए इस्तेमाल किया जाता है |


Syntax for ng-model-options Directive in AngularJS

<element ng-model="name" ng-model-options="modelOptions">
</element>

ng-model-options Attribute's Parameters in AngularJS

modelOptions : यहाँ पर binding को control करने के लिए कुछ control(s) दिए जाते है |


Example for ng-model-options Directive using String in AngularJS

Example पर कुछ input देकर focus loss होनेपर और उसके 5 seconds के बाद input को update किया जाएगा |

Source Code :
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
</head>
<body>

<div ng-app="app" ng-controller="ctrl">

Enter Name : <input ng-model="myname" ng-model-options="{updateOn : 'blur', debounce : 5000}"><br />
Name : {{myname}}

</div>

<script type="text/javascript">
var myapp = angular.module('app', []);
myapp.controller('ctrl', function($scope){
    $scope.myname = "UD";
});
</script>

</body>
</html>
Output :
Enter Name :
Name : {{myname}}