如何将 FirebaseObjectObservable 移至 FirebaseListObservable

我在将 FirebaseObjectObservable 移动到 FirebaseListObservable 时遇到问题。

constructor(
   af: AngularFire, 
   private cs: ContactsService,
   public modalCtrl: ModalController
) { 
   // Getting Friends
   this.friends = af.database.list('/userFriends/jvi1cjPwddPomjEDNwv3VihskOX2/')
      .map((friends)=>{
        return friends.map((friend) => {
          friend = af.database.object('/users/'+friend.$key);
          return friend;
        })
      });

   }

当我将其记录到控制台时。我最终得到了一组 FirebaseObjectObservables。如何将其移动到 FirebaseListObservable 中，以便我可以使用异步管道来渲染对象。

我的 html 模板如下所示：

    <ion-list>
        <ion-list-header>
            Contacts
        </ion-list-header>
        <ion-list-header>A</ion-list-header>
        <contact-item  
            *ngFor='let friend of friends | async'  
            [user]="friend"></contact-item>
    </ion-list>

任何帮助是极大的赞赏 ：）

Update

我能够解决我的问题。这是更改我的列表中的异步管道的问题。所以现在看起来像这样。

<ion-list>
    <ion-list-header>
        Contacts
    </ion-list-header>
    <ion-list-header>A</ion-list-header>
    <contact-item  
        *ngFor='let friend of friends | async'  
        [user]="(friend | async)"></contact-item>
</ion-list>

但不确定这是否是正确的做法。