2017-09-06 2 views
0

商品リストの重量計算を作成しようとしています。しかし、合計を計算して表示するには問題があります。AngularJSを使用して列の総重量を計算する方法

私は下部にGeneralTotalWeight()関数を呼び出す問題があります。私はそれが引き起こされないと思う。

これはhtmlのスクリーンショットです。私は黄色でラベルを付けました。ここ

enter image description here

htmlです。

<tbody> 
    <tr ng-repeat="article in articles"> 
     <td> 
      <input type="text" ng-model="article.size" class="form-control" placeholder="Ölçü" min=0 disabled> 
     </td> 
     <td> 
      <input type="text" ng-model="article.name" class="form-control" placeholder="Ürün" min=0 disabled> 
     </td> 
     <td> 
      <input type="number" ng-model="article.quantity" class="form-control bfh-number" step=1> 
     </td> 
     <td> 
      <label ng-model="article.meter" class="form-control bfh-number" style="width:150px" disabled> 
       {{article.quantity*6}} 
      </label> 
     </td> 
     <td> 
      <input type="number" ng-model="article.weight" class="form-control bfh-number" min=0 disabled> 
     </td> 
     <td> 
      @*<input type="number" ng-model="article.totalWeight" class="form-control bfh-number" min=0 disabled>*@ 
      <label ng-model="article.totalWeight" class="form-control bfh-number" style="width:150px" disabled> 
       {{article.quantity*6*article.weight}} 
      </label> 
     </td> 
    </tr> 
    <tr class="success"> 
     <td class="success">TOPLAM</td> 
     <td class="success"></td> 
     <td ng-model="article.totalQuantityX" class="success">{{ GeneralTotalQuantity() }} Boy</td> 
     <td class="success">{{ GeneralTotalMeter() }} metre</td> 
     <td class="success"></td> 
     <td ng-model="article.totalWeightX" class="success">{{ GeneralTotalWeight() | number:2 }} KG</td> 
    </tr> 
</tbody> 

コードは以下の通りです...

$scope.GeneralTotalWeight = function() { 
    var resultWeight = 0; 

    angular.forEach($scope.articles, function (article) { 
     resultWeight += article.totalWeight * article.meter; 
    }); 
    return resultWeight; 
}; 

は、どのように私はこのエラーを修正することができますか?前もって感謝します。

答えて

1

同時にexpressionとng-modelを使用しないでください。それからng-modelを削除してください。それはあなたのために働いている場合、あなたは答えを受け入れることができ、ハイ

$scope.GeneralTotalWeight = function (articles) { 
    var resultWeight = 0; 

    angular.forEach(articles, function (article) { 
     resultWeight += article.totalWeight * article.meter; 
    }); 
    return resultWeight; 
}; 
+0

よう@Arifする必要がありますあなたの関数

<td class="success">{{ GeneralTotalWeight(articles) | number:2 }} KG</td> 

と機能に直接記事を渡します。だから、他の人も利益を得ることができます。 – katrik

関連する問題