Angularfire2如何结合两个列表

Question

我正在使用Angularfire2 v5。在我的数据库中，我有两个列表，一个是cart，另一个是product。在购物车列表中有一个包含产品ID的字段，现在我想要一个包含购物车及其产品数据的Observable。目前我正在尝试这种方式

cart: Observable<any>;
constructor(public db: AngularFireDatabase) {}

ionViewDidLoad() {

this.cart = this.db.list(`/cart`)
  .snapshotChanges()
  .map(changes => {
    return changes.map(c => {
      let productObservables:Observable<any> = this.db
        .list(`product/${c.key}`).snapshotChanges()
        .map(m=>{
            m.map(p=>({
              key:c.payload.key, ...p.payload.val()
            }));
            return m;
        });
        return productObservables;
    })
  });

现在使用此

的html

<ion-item *ngFor="let item of cart|async">
  <ion-label>
    {{item.key}}
    {{item.name}}
  </ion-label>

但它显示我为null。如何在一个ngFor异步中显示购物车和产品列表中的数据