angularjs - 根据其他值更改模型值？

Question

我有一个模型，其中包含与输入字段相关的多个值。每当这些属性中的某些发生更改时，我都希望更新该模型的其他属性。这是一个例子:

<input type='number' name='hours' ng-model='project.hours' />
<input type='number' name='rate' ng-model='project.rate' />
<span>{{ project.price }}

每当小时或费率字段发生变化时，我都想更新价格属性。我该怎么做？

Answer 1

在变量上创建监视表达式。一个自然的地方是在 Controller 中-类似于:

var updatePrice = function(){ 
  //you might have to do null checks on the scope variables
  $scope.project.price = $scope.project.hours * $scope.project.rate; 
}
$scope.$watch('project.hours',updatePrice);
$scope.$watch('project.rate',updatePrice);

另一种可能性是在输入字段上使用ngChange指令:

$scope.updatePrice = updatePrice;

<input type='number' name='hours' ng-model='project.hours' ng-change="updatePrice()" />
<input type='number' name='rate' ng-model='project.rate' ng-change="updatePrice()" />