在输出中输入新值后无法更改默认值

Question

我对angularJS 很陌生

下面是我的控制器

var app = angular.module('ChildPlanning', ['rzModule', 'ui.bootstrap']);
app.controller('MainCtrl', function($scope, $rootScope, $timeout, $modal)
 $scope.ir ={
   value:8
 };
 $scope.result1 = pv*(Math.pow((1+(rateofreturn.value/100)), tenure.value));
 $scope.result2 = ((((annuityrate.value/100)/ 12 )*(Math.pow((1+((annuityrate.value/100)/ 12 )), lifeexpectancy.value*12)));
 $scope.annuity_future = $scope.ir.value * $scope.result1  * $scope.result2;
}

我的HTML

输入HTML 1

<input name="inflation" type="text" id="ir" ng-model="ir.value" >

输出html

 <span>{{ annuity_future }}</span>

当我通过在输入字段中键入来手动更改输入中"ir.value"的默认值时，输出中的值不会相应地更改

想这样做，因为我必须用很多变量做一个长的数学运算，而我在那里使用的变量非常多，我面临着同样的问题

提前感谢

Answer 1

将其添加到您的代码中：

$scope.change = function(){
  $scope.annuity_future = $scope.ir.value * $scope.result1  * $scope.result2;
};

并将您的输入标签替换为：

<input name="inflation" type="text" id="ir" ng-model="ir.value" ng-change="change()">

注意：请确保您的计算有效，因为我有一个错误，我错过了一个)。

Answer 2

您可以在ngChange上为$scope.annuity_future进行计算，也可以将计算直接放在html中。

输出HTML

<span>{{ ir.value * result1  * result2}}</span>