如何将FirebaseObjectObservable移动到FirebaseListObservable中

Question

我无法将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>

非常感谢任何帮助:)

更新

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

<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>

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