Comment utiliser les données d'un observable dans d'autres méthodes?

Question

Je travaille sur une application Angular4.

Voici un service que je utilise pour obtenir le Data-

export class BookingService { 

    constructor(private http: HttpClient) {} 

    getMemberBookings(memberID: number): Observable<any> { 
    return this.http.get('http://myapi.com/bookings/member/'+memberID).map(response => response['bookings']); 
    } 
} 

Et puis dans mon component

export class PrintButtonComponent implements OnInit { 

    bookings: any; 

    constructor(private service: BookingService) {} 

    ngOnInit() {} 

    downloadPDF() {  
      this.getBookings(memberID); 

      //pdf creation logic 
    } 

    getBookings(memberID: number) { 
      this.service.getMemberBookings(memberID).subscribe(data => this.bookings = data);  
    } 

} 

Le problème est que je veux utiliser les données du service dans la méthode downloadPDF car il y a d'autres données qui seront nécessaires pour créer le PDF. Mais quand je renvoie les données de l'abonnement ou le mettre à une propriété, il donne indéfini. Je comprends que cela est dû à la nature asynchrone, mais je ne veux pas mettre ma logique de création pdf dans la méthode subscribe. Alors comment résoudre ce problème? Je suis assez nouveau à Angular et observables. Merci.

Answer 1

Puisque le code ci-dessus implique pas plusieurs valeurs par observables et ne nécessite pas de coller à eux, cela peut être fait avec async..await sans imbrication supplémentaire:

async downloadPDF() {  
     await this.getBookings(memberID); 

     //pdf creation logic 
} 

async getBookings(memberID: number) { 
     this.bookings = await this.service.getMemberBookings(memberID).toPromise(); 
} 

Comme tout autre opérateur RxJS, toPromise doit être importé.