Cómo ejecutar siempre algún código cuando se cumple una promesa en Angular.js

En mi aplicación Angular.js, estoy ejecutando una operación asincrónica. Antes de que comience, cubro la aplicación con un div modal, luego, una vez que se completa la operación, necesito eliminar el div, ya sea que la operación haya sido exitosa o no.

Actualmente tengo esto:

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

Funciona bien, sin embargo, preferiría tener algo más limpio como este pseudocódigo:

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

Supongo que es un problema bastante común, así que estaba pensando que se podría hacer pero no puedo encontrar nada en el documento. ¿Alguna idea de si se puede hacer?

La función se implementó en esta solicitud de extracción y ahora es parte de AngularJS. Inicialmente se llamó "siempre" y luego se le cambió el nombre a finally, por lo que el código debería ser el siguiente:

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

Tenga en cuenta que, dado que finallyes una palabra clave reservada, podría ser necesario convertirla en una cadena para que no se rompa en ciertos navegadores (como IE y el navegador de Android):

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

Estoy usando el back-end de la versión 7.3.5 de Umbraco con la versión 1.1.5 de AngularJS y encontré este hilo. Cuando implementé la respuesta aprobada, recibí el error:

xxx (...). entonces (...). finalmente no es una función

Sin embargo, lo que funcionó fue always. Si alguien más que usa una versión anterior de AngularJS encuentra este hilo y no puede finallyusar este código en su lugar

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

Para aquellos que no usan angularJS, y si está de acuerdo con detectar el error (no estoy seguro de si .finally () haría eso), podría usar .catch (). Then () para evitar el código duplicado.

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

El catch () podría terminar siendo útil de todos modos para el registro u otra limpieza. https://jsfiddle.net/pointzerotwo/k4rb41a7/

Usaría ngView para representar el contenido de la página y activar la eliminación de su modal en el evento $ viewContentLoaded. Consulte http://docs.angularjs.org/api/ng.directive:ngView para ese evento y http://docs.angularjs.org/api/ng . $ RootScope.Scope para el detector de eventos $ on.