Sau khi yêu cầu $ Angular.js $, hãy gọi hàm hoàn chỉnh bất kể thành công hay thất bại của lời hứa

Question

Làm cách nào để đảm bảo rằng hàm complete() sẽ chạy bất kể kết quả của cuộc gọi $ http sử dụng API lời hứa được cung cấp với 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 
}); 

Người ta có thể sử dụng công cụ này để ẩn biểu tượng máy quay AJAX khi yêu cầu hoàn tất. Bạn sẽ muốn ẩn spinner bất kể kết quả yêu cầu.

Answer 1

Tôi không phải là chuyên gia lớn nhất thế giới trong Angular.js nhưng hiểu bạn có thể làm như sau:

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 
}); 

Bạn đang yếu buộc phải xoay sở một cái gì đó từ một hoặc nhiều .then(), mà là một lời hứa của $ q chỉ có phương pháp.

Answer 2

Nếu bạn không quan tâm nếu yêu cầu là thành công hay không, sau đó bạn có thể vượt qua callback cùng success và 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); 

Nhưng lưu ý rằng success và error callbacks có một khác nhau chữ ký hơn số gọi lại then.

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

Ngoài ra, những lời hứa được công nhận bởi các công cụ khuôn mẫu trong góc, có nghĩa là trong các mẫu bạn có thể đối xử với những lời hứa gắn liền với một phạm vi như thể chúng là các giá trị kết quả.

Điều này có nghĩa rằng bạn có thể làm điều này:

Bộ điều khiển:

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

mẫu:

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

Và quan điểm sẽ cập nhật khi lời hứa $http.get đã được giải quyết.

Answer 3

Nó phụ thuộc vào những gì bạn muốn làm, nhưng cho logic dọn dẹp và tương tự bạn cũng có thể sử dụng finally() để chạy hoặc thực hiện hoặc từ chối lời hứa của bạn:

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

Xin lưu ý rằng mặc dù finally() được hỗ trợ bởi $q (và một số thư viện khác) không phải là một phần của official draft.