Como sempre executar algum código quando uma promessa é cumprida em Angular.js

Em meu aplicativo Angular.js, estou executando algumas operações assíncronas. Antes de começar, abordo o aplicativo com um div modal e, depois que a operação for concluída, preciso remover o div, quer a operação tenha sido bem-sucedida ou não.

Atualmente eu tenho este:

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

Funciona bem, mas prefiro algo mais limpo como este pseudo-código:

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

Presumo que seja um problema bastante comum, por isso pensei que poderia ser feito, mas não consigo encontrar nada no documento. Alguma ideia se isso pode ser feito?

O recurso foi implementado nesta solicitação pull e agora faz parte do AngularJS. Ele foi inicialmente chamado de "sempre" e depois renomeado para finally, portanto, o código deve ser o seguinte:

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

Observe que, por finallyser uma palavra-chave reservada, pode ser necessário transformá-la em uma string para que não quebre em certos navegadores (como o IE e o Android):

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

Estou usando o back-end do Umbraco versão 7.3.5 com AngularJS versão 1.1.5 e encontrei este tópico. Quando implementei a resposta aprovada, obtive o erro:

xxx (...). então (...). finalmente não é uma função

O que funcionou, entretanto, foi always. Se alguém mais usando uma versão antiga do AngularJS encontrar este tópico e não puder usar, finallyuse este código

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

Para aqueles que não usam angularJS, e se você não tem problemas em detectar o erro (não tenho certeza se .finally () faria isso), você poderia usar .catch (). Then () para evitar o código duplicado.

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

O catch () pode acabar sendo útil de qualquer maneira para registro ou outra limpeza. https://jsfiddle.net/pointzerotwo/k4rb41a7/

Eu usaria o ngView para renderizar o conteúdo da página e acionar a remoção de seu modal no evento $ viewContentLoaded. Consulte http://docs.angularjs.org/api/ng.directive:ngView para esse evento e http://docs.angularjs.org/api/ng . $ RootScope.Scope para o ouvinte $ on event.