AngularJS में आस्थगित वस्तुएं

दिन का अच्छा समय!

इस संक्षिप्त पोस्ट में मैं Deferred AngularJS वस्तुओं के उपयोग के बारे में बात करना चाहता हूं।




आस्थगित वस्तुओं का तंत्र, या बल्कि विचार को क्रिस कोवल की क्यू लाइब्रेरी से जोड़ा गया था। इसका सार यह है कि यदि कोई फ़ंक्शन किसी मान या अपवाद को बिना अवरुद्ध किए वापस नहीं कर सकता है, तो वह एक प्रोमिस ऑब्जेक्ट देता है, जो निष्पादन के परिणाम का एक पर्यवेक्षक है। जैसे ही परिणाम प्राप्त होता है, या रसीद के समय कोई त्रुटि होती है, आस्थगित वस्तु इस के पर्यवेक्षक को सूचित करती है।

काफी बार, नियंत्रक लोड करने से पहले, इसके संचालन के लिए डेटा प्राप्त करना आवश्यक है। डेटा प्राप्त करने की बात करते हुए, मेरा मतलब है डेटा, जिसकी प्राप्ति में अनिश्चित समय लगता है। सबसे आम मामला एप्लिकेशन सर्वर से डेटा प्राप्त कर रहा है। इस समस्या को हल करने के लिए, हमें एप्लिकेशन रूटिंग को कॉन्फ़िगर करते समय $ मार्गप्रोपाइडर को रिज़ॉल्यूशन पैरामीटर पास करना होगा। रिज़ॉल्यूशन एक ऑब्जेक्ट है जो नियंत्रक को एक निर्भरता के बारे में बताता है। एक बार सभी निर्भरताएं हल हो जाने के बाद, उन्हें कंट्रोलर में रखा जाता है, जिसके बाद कंट्रोलर को और इनिशियलाइज़ किया जाता है।

इसे एक उदाहरण के साथ अधिक स्पष्ट रूप से देखा जा सकता है।

angular.module('phonecat', ['phonecatFilters', 'phonecatServices', 'phonecatDirectives']). config(['$routeProvider', function($routeProvider) { $routeProvider. when('/phones', { templateUrl: 'partials/phone-list.html', controller: PhoneListCtrl, resolve: PhoneListCtrl.resolve}). when('/phones/:phoneId', { templateUrl: 'partials/phone-detail.html', controller: PhoneDetailCtrl, resolve: PhoneDetailCtrl.resolve}). otherwise({redirectTo: '/phones'}); }]); 

 function PhoneListCtrl($scope, phones) { $scope.phones = phones; $scope.orderProp = 'age'; } PhoneListCtrl.resolve = { phones: function(Phone, $q) { var deferred = $q.defer(); //     //     deferred.resolve() //    deferred.reject() Phone.query(function(successData) { deferred.resolve(successData); }, function(errorData) { deferred.reject(); }); return deferred.promise; }, delay: function($q, $defer) { var delay = $q.defer(); $defer(delay.resolve, 1000); return delay.promise; } } 

उपरोक्त उदाहरण में, $ q.defer () - डिफर ऑब्जेक्ट का एक उदाहरण बनाता है। इस ऑब्जेक्ट की दो विधियाँ हैं, मान लौटाने के लिए - deferred.resolve (वैल) और किसी कारण से विफलता लौटाते हैं - deferred.reject (कारण)। कॉलबैक विधियों में रिज़ॉल्यूशन या रिजेक्ट तरीकों को कॉल किया जाता है, जिसमें कॉल तब होता है जब डेटा सफलतापूर्वक प्राप्त होता है या यदि कोई त्रुटि होती है।
जैसे ही सभी आस्थगित वस्तुओं को पूरा किया जाता है, उनके परिणाम नियंत्रक में जोड़ दिए जाते हैं, उसके बाद मार्ग की घटना में बदलाव होता है और हम नियंत्रक के अंदर डेटा के साथ विभिन्न क्रियाएं कर सकते हैं।