Jak zawsze uruchamiać kod, gdy obietnica jest spełniona w Angular.js.

W mojej aplikacji Angular.js wykonuję operację asynchroniczną. Zanim się zacznie, zakrywam aplikację modalnym divem, a po zakończeniu operacji muszę usunąć div, niezależnie od tego, czy operacja się powiodła, czy nie.

Obecnie mam to:

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

Działa dobrze, ale wolałbym mieć coś czystszego, takiego jak ten pseudokod:

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

Zakładam, że to dość powszechny problem, więc myślałem, że można to zrobić, ale nie mogę znaleźć niczego w dokumencie. Masz jakiś pomysł, czy można to zrobić?

Ta funkcja została zaimplementowana w tym żądaniu ściągnięcia i jest teraz częścią AngularJS. Początkowo nazywano go „zawsze”, a później zmieniono na finally, więc kod powinien wyglądać następująco:

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

Zwróć uwagę, że ponieważ finallyjest to zarezerwowane słowo kluczowe, może być konieczne utworzenie ciągu, aby nie zepsuł się w niektórych przeglądarkach (takich jak IE i Android):

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

Używam zaplecza Umbraco w wersji 7.3.5 z AngularJS w wersji 1.1.5 i znalazłem ten wątek. Po zaimplementowaniu zatwierdzonej odpowiedzi otrzymałem błąd:

xxx (...). to (...). ostatecznie nie jest funkcją

Jednak to, co zadziałało always. Jeśli ktoś inny używający starej wersji AngularJS znajdzie ten wątek i nie może finallyużyć tego kodu

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

Dla tych, którzy nie używają angularJS i jeśli nie przeszkadza ci wychwycenie błędu (nie jesteś pewien, czy .finally () to zrobi), możesz użyć .catch (). Then (), aby uniknąć zduplikowanego kodu.

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

Metoda catch () może i tak okazać się przydatna do logowania lub innego czyszczenia. https://jsfiddle.net/pointzerotwo/k4rb41a7/

Użyłbym ngView do wyrenderowania zawartości strony i spowodowania usunięcia twojego modalu w zdarzeniu $ viewContentLoaded. Zobacz http://docs.angularjs.org/api/ng.directive:ngView dla tego zdarzenia i http://docs.angularjs.org/api/ng . $ RootScope.Scope dla nasłuchiwania $ on event.