總結在angularjs

Question

我試圖讓ngRepeat的我這裏有之，我想這樣做的HTML文件有反正我可以存儲總和爲它增加

<div class = "row" ng-repeat= "product in products"> 
    <div class = "col"><input type="checkbox" name="check" value="{{product.product_id}}"></div> 
    <div class = "col">{{product.product_name}}</div> 
    <div class = "col"><input type="text" ng-model="quantity"></div> 
    <div class = "col">{{product.price * quantity}}</div> 
</div> 

    <div class = "row" align="center"> 
     <div class="col"> 
     <strong>Total : {{total}}</strong> 
     </div> 

Answer 1

你可以採用NG-初始化這個像

<div ng-init="items.total = {}"> 
    <div class = "row" ng-repeat= "product in products" > 
      <div class = "col"><input type="checkbox" name="check" value="{{product.product_id}}"></div> 
      <div class = "col">{{product.product_name}}</div> 
      <div class = "col"><input type="text" ng-model="quantity"></div> 
      <div class = "col" ng-init="items.total.quantity= items.total.quantity + product.price * quantity">{{product.price * quantity}}</div> 
     </div> 

      <div class = "row" align="center"> 
       <div class="col"> 
       <strong>Total : {{items.total.quantity}}</strong> 
       </div> 
      </div> 

    </div> 

Answer 2

我不知道你的變量，但我相信你錯過

{{product.price * product.quantity}} 

如果不是請告訴我們錯誤味精？

Answer 3

最好不要在html中擁有你的邏輯。但如果你想你可以試試這個

<div ng-init="temp={total:0}"> 
    <div class = "row" ng-repeat= "product in products" ng-init="total=0"> 
     <div class = "col" ng-init="temp.total=temp.total+product.price"><input type="checkbox" name="check" value="{{product.product_id}}"></div> 
     <div class = "col">{{product.product_name}}</div> 
     <div class = "col"><input type="text" ng-model="quantity"></div> 
     <div class = "col">{{product.price * quantity}}</div> 
    </div> 
</div> 

     <div class = "row" align="center"> 
      <div class="col"> 
      <strong>Total : {{temp.total}}</strong> 
      </div>