Come eseguire sempre del codice quando una promessa è soddisfatta in Angular.js

Question

Nella mia applicazione Angular.js, sto eseguendo un'operazione asincrona. Prima che inizi copro l'applicazione con un div modale, quindi una volta completata l'operazione, ho bisogno di rimuovere il div, se l'operazione è andata a buon fine o meno.

Attualmente ho questo:

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

Funziona bene, ma preferirei avere qualcosa di più pulito come questo pseudo-codice:

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

Penso che sia piuttosto un problema comune, in modo da Stavo pensando che potrebbe essere fatto ma non riesco a trovare nulla nel doc. Qualche idea se si può fare?

Answer 1

La funzione è stata implementata in this pull request ed è ora parte di AngularJS. E 'stato inizialmente chiamato "sempre" e successivamente rinominato finally, in modo che il codice dovrebbe essere come segue:

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

Nota che, dal momento finally è una parola chiave riservata, potrebbe essere necessario fare una stringa in modo che non si rompe in alcuni browser (come Internet Explorer e Android browser):

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

Answer 2

Vorrei utilizzare ngView per visualizzare il contenuto della pagina e attivare la rimozione di modal sull'evento $ viewContentLoaded. Vedere http://docs.angularjs.org/api/ng.directive:ngView per quell'evento e http://docs.angularjs.org/api/ng. $ RootScope.Scope per il listener di eventi $ on.

Answer 3

sto usando Umbraco versione 7.3.5 back-end con AngularJS la versione 1.1.5 e ho trovato questo thread. Quando ho implementato la risposta approvato ho ottenuto l'errore:

xxx(...).then(...).finally is not a function

Che cosa ha fatto il lavoro però è stato always. Se qualcun altro usando una vecchia versione di AngularJS trova questa discussione e non può usare finally uso di questo codice al posto

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

Answer 4

Per quelle che non utilizzano angularJS, e se siete ok con la cattura l'errore (non so se. infine() lo farebbe), potreste usare .catch(). then() per evitare il codice duplicato.

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

Il catch() potrebbe risultare utile per la registrazione o altre operazioni di pulizia. https://jsfiddle.net/pointzerotwo/k4rb41a7/