2017-05-29 31 views
1

更改值時,我想Calcualte求和Calcuate總和NG-重複時價值變化

<tr ng-repeat="act in ctrl.otsact.tests" ng-if="ctrl.editToggle"> 
    <td> 
     <md-input-container> 
      <input type="text" ng-model="act.test_date" class="dateField" aria-label="Test Date"> 
     </md-input-container> 
    </td> 
    <td ng-repeat="sub in act.subjects" > 
     <md-input-container> 
      <input type="number" ng-model="sub.score" aria-label="Score"> 
     </md-input-container> 
    </td> 
    <td class="composite"> 
     100 
    </td> 
    <td><span ng-click="ctrl.removeOTSACT(act.id)"> x </span></td> 
</tr> 

查看

Date of Test English Math Reading Science Writing Composite 
2017-05-29  13  13  13  13  13  65 
2017-05-29  2  2  2  2  2  10 

想calcluate複合加載

+1

控制器代碼@開發 – jose

+1

使用'NG-change'您的輸入,並調用您的控制器功能更新綜合價值。 –

+0

登陸時這很好如何計算值? – Developer

回答

1

您的看法時:

<td class="composite">{{ getSum(act) }}</td> 

Contro米勒:

$scope.getSum = function(act){ 
    var sum = 0; 
    for(var i = 0; i < act.subjects.length; ++i){ 
     var subject = act.subjects[i]; 
     sum += subject.score; 
    } 
    return sum; 
} 

當您使用ngModel指令或使用插值,你的數據是雙向綁定和函數值將在每次更改模型的時間重新計算。

+0

默認顯示NaN,我該如何解決這個問題? – Developer

1

改變這樣

<tr ng-repeat="act in ctrl.otsact.tests" ng-init="act.subjects.total=0" ng- 
if="ctrl.editToggle"> 
<td> 
    <md-input-container> 
     <input type="text" ng-model="act.test_date" class="dateField" aria- 
label="Test Date"> 
    </md-input-container> 
</td> 
<td ng-repeat="sub in act.subjects" > 
    <md-input-container> 
     <input type="number" ng-model="sub.score" 
ng-init="act.subjects.total=act.subjects.total+sub.score" aria-label="Score"> 
    </md-input-container> 
</td> 
<td class="composite"> 
    {{act.subjects.total}} 
</td> 
<td><span ng-click="ctrl.removeOTSACT(act.id)"> x </span></td> 
</tr> 
1

您的看法試試這個:

<td class="composite">{{act.subjects | map:'score' | sum}}</td> 
+0

我收到一個錯誤'angular.js:107錯誤:[$ injector:unpr] http://errors.angularjs.org/1.4.4/$injector/unpr?p0=sumFilterProvider%20%3C'.i have做任何配置更改。 – Developer

+0

是的,你是否包含角度過濾器並將其注入模塊? – Jenny

+1

你能否提供更多關於你爲什麼建議這個答案的細節? –