从 ng-value 指令更新 ng-model

Question

我有一种情况，我的表单中有几个只读字段，就像其他人一样显示问题

您可以看到最后两个输入是readonly，它们是计算输入，其中总借方由$scope 上的totalDebit 函数计算，总贷方由$scope 上的totalCredit() 函数计算。问题是输入仅反映 ng-model 值，这两个输入都为零，并且不从计算函数中获取值。一个简化的控制器是

app.controller('myController', ['$scope' ,function($scope){
$scope.credit = 0;
$scope.debit = 0;
$scope.debitSum = 0;
$scope.creditSum = 0;

$scope.totalCredit = function(){
   return $scope.credit + 200; //just to show that it is calculated field
}

$scope.totalDebit = function(){
   return $scope.debit + 200; //just to show that it is calculated field
}

}]);

如果您从只读输入中删除 ng-model 指令，它们将分别采用 totalDebit 和 totalCredit 函数中的值。但我希望他们使用函数中的值并更新totalDebit 和totalCredit 的$scope 属性。这是此代码的plunker

Answer 1

不应该在这里回答 （为什么 ng-value 没有达到预期的效果）：

ngValue

将给定的表达式绑定到 <option> 或 input[radio] 的值，这样当元素被选中时，该元素的 ngModel 被设置为绑定值。

这不是我们的情况......

因为，ngValue 在 CHANGE 时触发。当我们在<select>中选择radio或某个选项时

因此，ng-value 在这种情况下不是正确的设置。

我们可以这样调整：

<input name="totalDebit" value="{{totalDebit()}}" readonly="" />
<input name="totalCredit" value="{{totalCredit()}}" readonly="" />

见updated plunker