ファクトリから渡された関数から値を返す方法は？

Question

現在、totalCostは関数としてroundに渡されますが、整数値でなければなりません。

ビュー

{{round(shoppingCart.totalCost)}} 

工場は

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

どのようにそれを解決するには？

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

Answer 1

現在あなたはshoppingCartオブジェクトでありcalculateTotalCost機能の参照を保持totalCost変数を持っていました。ビューで同じ変数を示しながらだから、あなたはサービス参照を持っている必要がありますが、精密に固定値を作りたかったとしてあなたは、あなたのケースで精度2でnumberフィルタ自体を使用することができます$scope.shoppingCart = shoppingCart

を行うことによってビュー上で利用できるようにします2。これは通貨形式で番号を表示するのにも役立ちます。

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

Answer 2

ファクトリから関数をビュー式で直接呼び出すことは避けてください。あなたのディレクティブのコントローラーで

：

1. は工場を注入します。
2. 関数を呼び出すgetTotalCost（calculateTotalCostを隠す）
3. 結果を変数に格納します。
4. コントローラーでラウンド関数を直接適用すると良いアイデアかもしれません。
5. 最後に、変数をビューにバインドします。