Angular2 czekać na wiele obietnic, aby zakończyć

Question

Używam SQLStorage z platformy jonowej. Funkcja usuwania zwraca obietnicę. W moim kodzie muszę usunąć wiele wartości. Kiedy wszystko się skończy, muszę wykonać jakiś kod.

Jak mogę poczekać na wszystkie z nich, a następnie uruchomić funkcję zwrotną?

Kod:

removeAll() { 

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

} 

zagnieżdżanie wszystko jest złą praktyką więc szukam godnej rozwiązanie :)

removeAll() { 

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

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

     this.storage.remove(key3); 

    }); 

    }); 

}; 

Answer 1

Można użyć

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

Patrz także https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Promise/all

Answer 2

można użyć Observable.forkJoin z rxjs dostarczając tablicę wszystkich observables/promises. Należy to zrobić przed wykonaniem operacji. Jest podobny do Angular 1's $q.all.

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

Zastosowanie Promise.all():

Promise.all metoda (iterable) zwraca obietnicę, że gdy rozwiązuje wszystkich obietnic w iterowalny argumentu zostały rozwiązane, albo odrzuca z powodu pierwszego minął obietnica, która odrzuca.

Składnia

Promise.all(iterable); 

Parametry

iterowalny

iterowalny przedmiotu, na przykład w postaci tablicy. Zobacz iterowalne.

Answer 4

nie jestem zaznajomiony z jonowych, ale przy założeniu, że storage.remove wraca obietnicę Proponuję korzystać z operatorem forkJoin obserwowalne.

ForJoin ma szereg obserwowalnych i oczekuje na wykonanie wszystkich przedmiotów.

Po prostu zauważ, że musiałem stworzyć 3 nowe obserwowalne z każdej obietnicy zwrotu metodą .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]); 
 
});