他の方法で観測可能なデータを使用するには？

Question

私はAngular4アプリを開発中です。ここで

私はデータ -

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']); 
    } 
} 

を取得するために使用していたサービスです。そして、私のコンポーネント -

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);  
    } 

} 

での問題は、私がサービスからのデータを使用したいですPDFを作成するために必要な他のデータがあるので、downloadPDFメソッド。 しかし、サブスクリプションからデータを返すか、プロパティに設定すると、定義されていません。私はこれが非同期性のためであることを理解していますが、自分のpdf作成ロジックをsubscribeメソッドの中に入れたいとは思いません。 どうすればこの問題を解決できますか？私はAngularとobservablesにはかなり新しいです。 ありがとうございます。

Answer 1

上記のコードが観測ごとに複数の値を伴わず、余分なネスティングで、これはasync..awaitで行うことができ、それらに固執する必要はありませんので。他のRxJSオペレーターとして

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

     //pdf creation logic 
} 

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

、 toPromiseをインポートする必要があります。