如何使總和值更改取決於 select 框？

Question

我有多個 HTML select 元素

<select ng-model="selectedCar" class="form-control form-control-sm" id="select2" multiple="multiple">

我生成這樣的行

<td ng-model = "test123"  
    ng-if="selectedCar.includes(arrayItem.month)" 
    ng-init=" benefits(arrayItem) " 
    ng-repeat="arrayItem in data.information"  class="tg-0lax"> 
     {{::arrayItem.benefits}} 
</td>

請注意，我通過以下方式調用 function：ng-init="好處(arrayItem)

這是我的 function：

$scope.benefits = function(item){ 
   if (item){ 
     benefits = benefits+  parseFloat(item.benefits); 
     $scope.benefitsCal=  parseFloat(benefits); 
   } else { 
     $scope.benefitsCal = 0; 
   }
}

問題，當我從多選中取消選擇一個月時，總數沒有更新，我注意到該值是增量的？ 這是我從 function 設置結果的行

<td class="tg-0lax"> {{benefitsCal}}</td>

請拯救我的一天

Answer 1

由於您想根據 select 框中的選擇更改值，因此您應該添加 ng-change 屬性並為更改事件實現 function。

例子：

<select ng-model="selectedCar" class="form-control form-control-sm" id="select2" multiple="multiple" ng-change="myChangeFunc()">