Po żądaniu Angular.js $ http, wywołaj funkcję kompletną niezależnie od sukcesu lub niepowodzenia obietnicy.

Question

Jak mogę zapewnić, że funkcja complete() będzie działała niezależnie od wyniku wywołania $ http przy użyciu interfejsu API obietnic dostarczonego z Angular.js?

$http({ 
    method: 'POST', 
    url: submitUrl, 
    data: $scope.data 
}) 
.success(function(data) { 
     // execute this code on success 
}) 
.error(function(data) { 
     // execute this code on error 
}) 
.complete(function() { 
    // execute this code regardless of outcome 
}); 

Można tego użyć, aby ukryć ikonę pokrętła AJAX po zakończeniu żądania. Chcielibyście ukryć spinnera, niezależnie od wyniku wniosku.

Answer 1

nie jestem największym na świecie ekspert w angularjs ale zrozumieć można to zrobić w następujący sposób:

whatever.then(function() { 
    // success code here 
}, function() { 
    // error code here 
    return true; // return anything that's not undefined (and not a `throw()`) to force the chain down the success path at the following then(). 
}).then(function() { 
    // "complete" code here 
}); 

Jesteś zasadniczo zmuszeni wymyślić coś z jednego lub więcej .then(), która jest $ q Promise tylko metoda.

Answer 2

Jeśli nie obchodzi, czy wniosek jest udany, czy nie, to możesz przekazać tę samą oddzwanianie do success i error ...

var cb = function(response){ 
     // do something 
    }; 


    $http.post(submitUrl, $scope.data).success(cb).error(cb); 

    // OR 

    $http.post(submitUrl, $scope.data).then(cb, cb); 

Ale należy pamiętać, że success i error callbacks mieć inny podpis niż wywołania zwrotne od then.

• http://docs.angularjs.org/api/ng. $ Http
• http://docs.angularjs.org/api/ng. $ Q

Również obietnice są rozpoznawane przez silnik szablonów w kanciaste, co oznacza, że ​​w szablonach można traktować obietnice załączone do zakresu, jak gdyby były wartościami wynikowymi.

Oznacza to, że można to zrobić:

Kontroler:

$scope.article = $http.get('/articles/' + articleId); 

Szablon:

<article ng-cloak> 
    <h3>{{article.title}}</h3> 
    <div>{{article.content}}</div> 
</article> 

I widok zostanie zaktualizowany, gdy obietnica $http.get został rozwiązany.

Answer 3

To zależy od tego, co chcesz zrobić, ale dla czystej się logiką i podobne mogą również skorzystać finally() uruchomić zarówno od spełnienia lub odrzucenia swojej obietnicy:

promise.finally(function() { 
    // Do something regardless of outcome. 
}); 

Należy pamiętać, że chociaż finally() jest obsługiwany przez $q (i kilka innych bibliotek) nie jest częścią official draft.