Angularjs商品のバスケットを作る

Question

私は新しいangularjsラーナーです。私は自分のプロジェクトに取り組んでいます。

 <div ng-controller="urunKontrolcusu"> 
<img id="spinner" ng-src="spinner.gif" style="visibility:hidden;width:40px;">  

       <div class="row youplay-side-news" ng-repeat="x in products"> 
       <div class="col-xs-3 col-md-4"> 
        <a href="#" class="angled-img"> 
        <div class="img"> 

         <img height="60" src="{{x.ResimLink}}" alt="{{x.UrunAdi}}"> 
        </div> 
        </a> 
       </div> 
       <div class="col-xs-9 col-md-8"> 
        <a ng-click="deleteProduct(x.id)" style="text-decoration: none; top:20px;" class="pull-right mr-10"><i class="fa fa-times"></i></a> 

        <h4 class="ellipsis"><a href="#">{{x.ProductName}}</a></h4> 
        <span class="quantity">{{x.quantity}} × <span class="amount">{{x.UnitAmount}} $</span></span> 
       </div> 
       </div> 


       <div class="ml-20 mr-20 pull-right"><strong>Total:</strong> <span class="amount"> {{quantity*UnitAmount}} $</span> 
       </div> 
       <div class="btn-group pull-right m-15"> 
       <a href="#" class="btn btn-default btn-sm">Sepeti İncele</a> 
       <a href="#" class="btn btn-default btn-sm">Ödeme Yap</a> 
       </div> 
      </div> 

合計金額を表示する方法がわかりません。 バスケットを作りたいです。それは、顧客が購入したものをリストします。バスケットに記載されている商品の総額を表示したい。あなたのNG-繰り返し、これを追加で

： 私

Answer 1

HTML

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

はJavaScript

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

---

代替ソリューションを助けてください

ng-init="itemTotal = product.price * product.quantity; total = total + itemTotal" 

お使いのコントローラストアに続いて

スコープ変数$scope.totalと<div>Total Price: {{ total }}</div>