Wie gibt man einen Wert aus der Funktion zurück, die von der Factory übergeben wurde?

Question

Momentan wird totalCost in der Ansicht als Funktion an round übergeben, aber es muss ein ganzzahliger Wert sein.

Ansicht

{{round(shoppingCart.totalCost)}} 

Fabrik

myApp.factory(.... 
var calculateTotalCost = function(){ 
    return this.items.map(function(item){ 
     return HelperFunctions.getPrice(item) * item.quantity; 
    }).reduce(function(p, c){ 
     return p + c; 
    }); 
    }; 
var factory = { 
shoppingCart: {order: currentOrder, totalCost: calculateTotalCost} 
} 
return factory; 
} 

Wie es zu lösen?

round : function (value) { 
     return typeof value !== 'undefined'? value.toFixed(2): 0; 
     } 

Answer 1

Zur Zeit haben Sie totalCost Variable, die anhand von calculateTotalCost Funktion dort in shoppingCart Objekt halten. Während also die gleiche Variable auf Ansicht, benötigen Sie Dienstverweis verfügbar machen über die Aussicht haben, indem $scope.shoppingCart = shoppingCart

Sie tun number Filter selbst mit Präzision 2 in Ihrem Fall verwenden können, wie Sie den Wert auf Präzision fixiert machen wollte 2. Das hilft Ihnen auch, die Nummer im Währungsformat anzuzeigen.

{{shoppingCart.totalCost() | number:2 }} 

Answer 2

Sie sollten vermeiden, eine Funktion von einer Factory direkt in einem Ansichtsausdruck aufzurufen.

In Controller Ihre Richtlinie der:

1. die Fabrik injizieren.
2. Rufen Sie eine Funktion getTotalCost (die calculateTotalCost versteckt)
3. Speichern Sie das Ergebnis in einer Variablen.
4. Anwenden der runden Funktion direkt in der Steuerung könnte auch eine nette Idee sein.
5. Schließlich binden Sie die Variable an die Ansicht.