1. ホーム
  2. angularjs

[解決済み] AngularJSのng-repeatで繰り返される要素の合計を計算する

2022-11-02 14:56:32

質問

以下のスクリプトは、ショップカートを ng-repeat . 配列の各要素に対して、商品名、金額、小計を表示します ( product.price * product.quantity ).

繰り返される要素の合計価格を計算する最も簡単な方法は何ですか?

<table>

    <tr>
        <th>Product</th>
        <th>Quantity</th>
        <th>Price</th>
    </tr>

    <tr ng-repeat="product in cart.products">
        <td>{{product.name}}</td>
        <td>{{product.quantity}}</td>
        <td>{{product.price * product.quantity}} €</td>
    </tr>

    <tr>
        <td></td>
        <td>Total :</td>
        <td></td> <!-- Here is the total value of my cart -->
    </tr>

</table>

どのように解決するのですか?

テンプレートで

<td>Total: {{ getTotal() }}</td>

コントローラ内

$scope.getTotal = function(){
    var total = 0;
    for(var i = 0; i < $scope.cart.products.length; i++){
        var product = $scope.cart.products[i];
        total += (product.price * product.quantity);
    }
    return total;
}