Angular2嵌套可观察车总数，但返回值未定义

Question

我想计算购物篮的总金额。我有ShoppingCartItem和产品表。我有娄代码

cartTotals(qty = 0, total = 0) { 
return this.af.database.list('ShoppingCartItem') 
    .map(carts => { 
    carts.map(cart => { 
     this.af.database.object(`Product/${cart.productId}`) 
     .subscribe(d => { 
      cart.product = d; 
     }); 
     return cart; 
    }); 
    carts.forEach(cartItem => { 
     qty += cartItem.quantity; 
     total += cartItem.quantity * cartItem.product.price; 
     // console.log(cartItem); 
    }); 
    return {qty, total}; 
    }); 
} 

返回数量价值的作品，但总值返回undefined

这Plunker

Answer 1

让我知道，如果这个工程，因为我没有整你源代码和API数据。

cartTotals(qty = 0, total = 0) { 
    return this.af.database.list('ShoppingCartItem') 
    .map(carts => carts.map(cart => cart.product = this.findProductFromCartId(cart.productId))) 
    .map(carts => carts.map(cartItem => { 
     cartItem.qty = cartItem.quantity + qty; 
     cartItem.total = (cartItem.quantity * cartItem.product.price) + total; 
     return cartItem; 
    }); 
} 

findProductFromCartId(id) { 
    return this.af.database.object(`Product/${id}`) 
     .flatMap(product => Observable.combineLatest(product));//add this onlyIF its returned FirebaseObservable Object 
}