Angularjs нг-значение поле суммы

Question

Привет у меня есть входы, как этот

<input type="text" ng-model="tbl.Public"> 
<input type="text" ng-model="tbl.Private"> 
<input type="text" ng-value="tbl.Public--tbl.Private" ng-model="tbl.Total"> 

выше форма будет работать отлично будет подводить государственную и частное значение и поместить его в поле tbl.Total. Моя проблема в форме редактирования, где значение tbl.Total, tbl.Public, tbl.Private назначаются из базы данных.

JS

$scope.tbl.Public=10; 
$scope.tbl.Private=25; 
$scope.tbl.Total=35; 

теперь после присвоения значения из JS, когда я изменить значение tbl.Public или tbl.Private в виде она не влияет на tbl.Total она должна суммировать два значения и положить его в tbl.Total field. Благодарим вас за любую помощь и предложение.

Answer 1

ng-value обычно используется на радиообъективах и дополнительных элементах, это не подходит для вашего случая использования.

Лучше всего было бы реализовать функцию updateTotal() в сочетании с ng-change. Я также рекомендовал бы изменить типы input на number, чтобы вы не разрешали пользователям суммировать текст.

<input type="number" ng-model="tbl.Public" ng-change="updateTotal();"> 
<input type="number" ng-model="tbl.Private" ng-change="updateTotal();"> 
<input type="number" ng-model="tbl.Total"> 

В контроллере:

$scope.updateTotal = function() { 
    $scope.tbl.Total = $scope.tbl.Public + $scope.tbl.Private; 
} 

Answer 2

Это должно быть так, чтобы предотвратить от конкатенации

$scope.updateTotal = function() { 
    var Public = Number($scope.tbl.Public || 0); 
    var Private = Number($scope.tbl.Private || 0); 
    $scope.tbl.Total = Public + Private; 
}