Angular2 nested observable cart total aber Wert zurück undefined

Question

Ich möchte den Gesamtbetrag des Warenkorbes berechnen. Ich habe ShoppingCartItem und Produkt Tabellen. Ich habe unten Code

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}; 
    }); 
} 

Rückkehr Menge Wert funktioniert, aber Gesamt Wert

undefined Zurückkehren

Diese Plunker

Answer 1

Lassen Sie mich wissen, ob das funktioniert, da ich nicht die ganze Ihrer Quellcode und API-Daten.

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 
}