Angular.js में एक वादा पूरा होने पर हमेशा कुछ कोड कैसे चलाएं

Question 1

मेरे Angular.js एप्लिकेशन में, मैं कुछ एसिंक्रोनस ऑपरेशन चला रहा हूं। इससे पहले कि मैं शुरू करता हूं, मैं एक मोडल डिव के साथ एप्लिकेशन को कवर करता हूं, फिर एक बार ऑपरेशन पूरा हो जाने के बाद, मुझे डिव को निकालने की जरूरत है, चाहे ऑपरेशन सफल रहा हो या नहीं।

वर्तमान में मेरे पास यह है:

LoadingOverlay.start(); 
Auth.initialize().then(function() {
    LoadingOverlay.stop();
}, function() {
    LoadingOverlay.stop(); // Code needs to be duplicated here
})

यह अच्छी तरह से काम करता है, हालांकि मैं इस छद्म कोड की तरह कुछ क्लीनर रखना पसंद करूंगा:

LoadingOverlay.start(); 
Auth.initialize().finally(function() { // *pseudo-code* - some function that is always executed on both failure and success.
    LoadingOverlay.stop();
})

मुझे लगता है कि यह काफी सामान्य समस्या है, इसलिए मैं सोच रहा था कि यह किया जा सकता है, लेकिन डॉक में कुछ भी नहीं मिल सकता है। किसी भी विचार अगर यह किया जा सकता है?

Question 2

इस पुल अनुरोध में यह सुविधा लागू कर दी गई है और अब यह AngularJS का हिस्सा है। इसे शुरू में "हमेशा" कहा जाता था और फिर बाद में इसका नाम बदल दिया गया finally, इसलिए कोड इस प्रकार होना चाहिए:

LoadingOverlay.start(); 
Auth.initialize().then(function() {
    // Success handler
}, function() {
    // Error handler
}).finally(function() {
    // Always execute this on both error and success
});

ध्यान दें कि चूंकि finallyएक आरक्षित कीवर्ड है, इसलिए इसे एक स्ट्रिंग बनाने के लिए आवश्यक हो सकता है ताकि यह कुछ ब्राउज़रों (जैसे IE और एंड्रॉइड ब्राउज़र) पर टूट न जाए:

$http.get('/foo')['finally'](doSomething);

Question 3

मैं AngularJS संस्करण 1.1.5 के साथ Umbraco संस्करण 7.3.5 बैक एंड का उपयोग कर रहा हूं और इस धागे को पाया। जब मैंने स्वीकृत उत्तर लागू किया तो मुझे त्रुटि मिली:

xxx (...)। तब (...) अंत में एक फ़ंक्शन नहीं है

क्या काम किया है लेकिन था always। यदि कोई भी अन्य व्यक्ति AngularJS के पुराने संस्करण का उपयोग करता है, तो उसे यह धागा मिल जाता है और वह finallyइस कोड का उपयोग नहीं कर सकता

LoadingOverlay.start(); 
Auth.initialize().then(function() {
    // Success handler
}, function() {
    // Error handler
}).always(function() {
    // Always execute this on both error and success
});

Question 4

कोणीयजेएस का उपयोग नहीं करने वालों के लिए, और यदि आप त्रुटि को पकड़ने के साथ ठीक हैं (निश्चित नहीं कि अगर .finally () ऐसा करेंगे), तो आप .catch () का उपयोग कर सकते हैं। (तब) डुप्लिकेट कोड से बचने के लिए।

Promise.resolve()
  .catch(() => {})
  .then(() => console.log('finally'));

लॉग या अन्य सफाई के लिए कैच () वैसे भी उपयोगी हो सकता है। https://jsfiddle.net/pointzerotwo/k4rb41a7/

Question 5

मैं पृष्ठ की सामग्री को प्रस्तुत करने और घटना $ $CententLoaded पर आप मॉडल को हटाने ट्रिगर करने के लिए ngView का उपयोग करेगा। उस घटना के लिए http://docs.angularjs.org/api/ng.directive:ngView देखें और http://docs.angularjs.org/api/ng । $ RootScope.Scope पर इवेंट श्रोता के लिए $।