Як завжди запускати якийсь код, коли обіцянка виконується в Angular.js

У моєму додатку Angular.js я виконую деяку асинхронну операцію. Перш ніж він почнеться, я покриваю програму модальним div, а після завершення операції мені потрібно видалити div, незалежно від того, була операція успішною чи ні.

На даний момент я маю це:

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();
})

Я припускаю, що це досить поширена проблема, тому я думав, що це можна зробити, але не можу знайти нічого в документі. Будь-яка ідея, чи можна це зробити?

Ця функція була реалізована в цьому запиті на витягування і тепер є частиною 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 та Android Browser):

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

Я використовую Umbraco версії 7.3.5 з кінцевою версією AngularJS версії 1.1.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
});

Для тих, хто не використовує angularJS, і якщо ви добре сприймаєте помилку (не впевнені, чи зробить це .finally (), ви можете використовувати .catch (). Then (), щоб уникнути дублювання коду.

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

Catch () може виявитися корисним у будь-якому випадку для реєстрації або іншого очищення. https://jsfiddle.net/pointzerotwo/k4rb41a7/

Я б використовував ngView для відтворення вмісту сторінки та ініціював видалення вас із модальної події $ viewContentLoaded. Дивіться http://docs.angularjs.org/api/ng.directive:ngView для цієї події та http://docs.angularjs.org/api/ng . $ RootScope.Scope для прослуховувача подій $ on.