Résolution de plusieurs promesses et envoi d'une requête http angulaire 2

Question

Je dois récupérer deux éléments de mon stockage, ce qui me donne deux Promises. Ensuite, j'ai besoin d'utiliser ces deux promesses pour composer une requête HTTP 2 angulaire. Mais je ne peux pas trouver un moyen de composer correctement ces étapes. Je me retrouve toujours avec un Observable<Observable<Response>>.

let tokenPromise = this.getToken() 
    let registrationTokenPromise = this.getRegistrationToken() 

    Observable.zip(
     tokenPromise, 
     registrationTokenPromise, 
     (token, registrationToken) => { 
      let headers = this.headers(token) 
      return this.http.post(`${this.apiBase}/users/registration-token`, 
       { registration_token: registrationToken }, 
       headers 
      ) 
     }) 

Comment puis-je résoudre correctement cette option pour recevoir un Observable<Response>?

Answer 1

Vous obtenez un Observable<Observable<Response>> parce Observable.zip retourne un Observable et le http.post retourne un Observable. Pour déballer un des observables, vous devrez subscribe au Observable.zip

Observable.zip(
     tokenPromise, 
     registrationTokenPromise, 
     (token, registrationToken) => { 
      let headers = this.headers(token) 
      return this.http.post(`${this.apiBase}/users/registration-token`, 
       { registration_token: registrationToken }, 
       headers 
      ) 
     }) 
     .subscribe(response => { 
      //do something with response 
     })