Расчет логика в пределах редактируемой строки таблицы

Question

У меня есть таблица вроде этого:

<tr class="data-row" ng-repeat="item in model.Invoice.InvoiceItemData"> 
     <td> 
      <input type="text" name="itemServiceTitle" ng-model="item.ServiceTitle" /> 
     </td> 
     <td> 
      <input type="text" name="itemQuantity" ng-model="item.Quantity"/> 
     </td> 
     <td> 
      <input type="text" name="itemPricePerDimension" ng-model="item.PricePerDimension" /> 
     </td> 
     <td> 
      <input type="text" name="itemDeliveryCost" ng-model="item.DeliveryCost" readonly="readonly" /> 
     </td> ... 

и мне нужно рассчитать каждый itemDeliveryCost по формуле

item.DeliveryCost = item.Quantity * item.PricePerDimension

Вопрос: какой лучший подход для этого? Обратите внимание, что cahges для item.Quantity и item.PricePerDimension должны быть отражены в item.DeliveryCost динамически.

Answer 1

Внутри вашего успеха апи позвонить вы можете сделать следующее

angular.forEach($scope.model.Invoice.InvoiceItemData, function (item) { 
    item.DeliveryCost = item.Quantity * item.PricePerDimension; 
}); 

Вы получите расчетные значения в поле зрения ..

Если вы хотите изменить значения после получения данных, то выше подход не будет работать но для этого нужно вызвать метод изменения значения количества и Dimention как следующий

<input type="text" name="itemQuantity" ng-model="item.Quantity" 
    ng-blur="deliveryCostChanging(item)"/> 
    <input type="text" name="itemPricePerDimension" 
    ng-model="item.PricePerDimension" ng-blur="deliveryCostChanging(item)"/> 


$scope.deliveryCostChanging = function(item){ 
    item.DeliveryCost = item.Quantity * item.PricePerDimension; 
}; 

Answer 2

как DeliveryCost = Quantity * Price, я хотел бы предложить к и pdate DeliveryCost каждый раз Количество или Цена изменено. Именно использование ng-change:

<input type="text" ng-model="item.Quantity" ng-change="updateCost()"/> 

<input type="text" ng-model="item.PricePerDimension" ng-change="updateCost()"/> 

<input type="text" ng-model="item.DeliveryCost"/> 

---

Затем определяют в функции контроллера updateCost():

$scope.updateCost = function() { 
    $scope.item.DeliveryCost = $scope.item.Quantity * $scope.item.PricePerDimension; 
}