Angular2 chờ cho nhiều lời hứa kết thúc

Question

Tôi đang sử dụng SQLStorage từ nền tảng Ionic. Hàm remove sẽ trả về một lời hứa. Trong mã của tôi, tôi cần phải loại bỏ nhiều giá trị. Khi tất cả đã xong, tôi cần thực thi một số mã.

Làm cách nào tôi có thể chờ tất cả những điều này và sau đó thực thi chức năng gọi lại?

Code:

removeAll() { 

    this.storage.remove(key1); 
    this.storage.remove(key2); 
    this.storage.remove(key3); 

} 

lồng nhau tất cả là một thực tế xấu vì vậy tôi đang tìm kiếm một giải pháp phong nha :)

removeAll() { 

    return this.storage.remove(key1).then(() => { 

    this.storage.remove(key2).then(() => { 

     this.storage.remove(key3); 

    }); 

    }); 

}; 

Answer 1

Bạn có thể sử dụng

removeAll() { 
    Promise.all([ 
    this.storage.remove(key1), 
    this.storage.remove(key2), 
    this.storage.remove(key3), 
    ]).then(value => doSomething()); 

Xem thêm https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Promise/all

Answer 2

Bạn có thể sử dụng Observable.forkJoin từ rxjs bằng cách cung cấp một mảng của tất cả số observables/promises. Điều này cần được thực hiện trước khi thực hiện thao tác. Nó tương tự như $q.all của Angular 1.

Observable.forkJoin([ 
    this.storage.remove(key1), 
    this.storage.remove(key2), 
    this.storage.remove(key3) 
]) 
.subscribe(t=> { 
    var firstResult = t[0]; 
    var secondResult = t[1]; 
}); 

Answer 3

Sử dụng Promise.all():

Các Promise.all phương pháp (iterable) trả về một lời hứa mà giải quyết khi tất cả các lời hứa trong đối số iterable đã được giải quyết, hoặc từ chối với lý do những người đầu tiên được thông qua lời hứa từ chối.

Cú pháp

Promise.all(iterable); 

thông số

iterable

Một đối tượng iterable, chẳng hạn như một mảng. Xem có thể lặp lại.

Answer 4

Tôi không quen thuộc với IONIC, nhưng giả sử storage.remove mà đang trở lại một lời hứa tôi sẽ đề nghị bạn sử dụng toán tử forkJoin từ quan sát.

ForJoin có một loạt các quan sát và đang chờ thực hiện tất cả các mục.

Chỉ cần thông báo rằng tôi đã phải tạo 3 quan sát mới từ mỗi lời hứa trả về bằng phương thức .remove.

Observable.forkJoin([ 
 
    Observable.fromPromise(this.storage.remove(key1)), 
 
    Observable.fromPromise(this.storage.remove(key2)), 
 
    Observable.fromPromise(this.storage.remove(key3)) 
 
]) 
 
.subscribe(data => { 
 
    console.log(data[0]); 
 
    console.log(data[1]); 
 
    console.log(data[2]); 
 
});