Cách luôn chạy một số mã khi một lời hứa được thực hiện trong Angular.js

Trong ứng dụng Angular.js của tôi, tôi đang chạy một số hoạt động không đồng bộ. Trước khi nó bắt đầu, tôi bao phủ ứng dụng bằng một div phương thức, sau đó khi hoạt động hoàn tất, tôi cần xóa div, cho dù hoạt động có thành công hay không.

Hiện tại tôi có cái này:

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

Nó hoạt động tốt, tuy nhiên tôi muốn có thứ gì đó rõ ràng hơn như mã giả này:

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

Tôi cho rằng đó là một vấn đề khá phổ biến, vì vậy tôi đã nghĩ rằng nó có thể được thực hiện nhưng không thể tìm thấy gì trong tài liệu. Bất kỳ ý tưởng nếu nó có thể được thực hiện?

Tính năng đã được thực hiện trong yêu cầu kéo này và hiện là một phần của AngularJS. Ban đầu nó được gọi là "always" và sau đó được đổi tên thành finally, do đó, mã sẽ như sau:

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

Lưu ý rằng vì finallylà một từ khóa dành riêng nên có thể cần phải đặt nó thành một chuỗi để nó không bị hỏng trên một số trình duyệt nhất định (chẳng hạn như IE và Trình duyệt Android):

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

Tôi đang sử dụng Umbraco phiên bản 7.3.5 back end với AngularJS phiên bản 1.1.5 và tìm thấy chủ đề này. Khi tôi triển khai câu trả lời được chấp thuận, tôi gặp lỗi:

xxx (...). then (...). cuối cùng không phải là một hàm

Tuy nhiên, những gì đã làm việc always. Nếu bất kỳ ai khác sử dụng phiên bản AngularJS cũ tìm thấy chuỗi này và không thể sử finallydụng, hãy sử dụng mã này thay thế

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

Đối với những người không sử dụng angleJS và nếu bạn ổn với việc bắt lỗi (không chắc liệu .finally () có làm được điều đó hay không), bạn có thể sử dụng .catch (). Then () để tránh mã trùng lặp.

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

Bắt () dù sao cũng có thể hữu ích cho việc ghi nhật ký hoặc các thao tác dọn dẹp khác. https://jsfiddle.net/pointzerotwo/k4rb41a7/

Tôi sẽ sử dụng ngView để hiển thị nội dung của trang và kích hoạt việc xóa phương thức của bạn trong sự kiện $ viewContentLoaded. Xem http://docs.angularjs.org/api/ng.directive:ngView cho sự kiện đó và http://docs.angularjs.org/api/ng . $ RootScope.Scope cho trình nghe sự kiện $ on.