总结在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>