如何在可观察的RxJS中等待

Question

基本上，我有一个从Firebase检索数据的离子移动应用程序。

这是html的代码，它显示来自travalList $的数据，这是一个可观察的数据。

  <ion-list *ngFor="let item of travelList$ | async">
<ion-card (click)="itemTapped($event, item)" *ngIf="item.userId != currentUserId">
  <ion-card-header>
    <h4><b>{{item.firstname}} {{item.lastname}} ({{item.email}})</b></h4>
  </ion-card-header>
  <ion-card-content>
    <h5>{{item.fromAddress}}</h5>
    <p>at {{item.fromDate}}</p>
    <h6>To</h6>
    <h5>{{item.toAddress}}</h5>
    <p>at {{item.toDate}} </p>
  </ion-card-content>
</ion-card>

用于初始化要显示的项目的代码。这是在构造函数中调用的，因此getTravelList（）从firebase中检索数据。

   initializeItems(){
this.travelList$ = this.plsdala.getTravelList()
.snapshotChanges()
.map(
  changes => {
    return changes.map(c=>({
      key: c.payload.key, ...c.payload.val()
    })).slice().reverse();
    console.log(this.travelList$); //to reverse order
  });

}

我想将检索到的数据放入数组中，但我如何等待observable？ 我需要数组搜索功能。