Angularjs Can';t在输出中输入新值后更改默认值

Angularjs Can';t在输出中输入新值后更改默认值,angularjs,Angularjs,我对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.v

我对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

输入HTML1

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

输出html

 <span>{{ annuity_future }}</span>
{{年金未来}
当我通过在输入字段中键入来手动更改输入中“ir.value”的默认值时,输出中的值不会相应更改

我想这样做,因为我必须用很多变量做一个很长的数学运算,我用的变量很多,我面临着同样的问题


提前感谢

您可以在ngChange上对
$scope.annuity\u future
进行计算,也可以直接在html中进行计算

输出HTML

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

您可以在ngChange上计算
$scope.annuity\u future
,也可以直接在html中进行计算

输出HTML

<span>{{ ir.value * result1  * result2}}</span>
{{ir.value*result1*result2}
将此添加到您的代码中:

$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()">

注意:确保您的计算有效,因为我有一个错误,我错过了一个

将此添加到您的代码中:

$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()">


注意:确保您的计算有效,因为我犯了一个错误,我错过了一个

,因为你从来没有告诉
ir.value
年金(u future
)的值。我应该怎么做?这是你想要的吗?我在控制器中进行了编辑,以更准确地显示我想要什么感谢在rz滑块rz滑块示例中使用第一个,获取值的简单滑块。但是,在我最后的计算中从幻灯片中获取值时,再次面临同样的问题,因为你从未告诉
ir.value
获取
annuity\u future
的值。我应该怎么做?这是你想要的吗?在控制器中进行了编辑,以更精确地显示我想要什么?感谢在rz滑块rz滑块示例中应用相同的方法使用第一个简单的滑块获取值。但是再次面临同样的问题,从幻灯片中获取最终计算值,请查看我在控制器中所做的编辑,以更准确地显示我想要的内容请查看我在控制器中所做的编辑,以更准确地显示我想要的内容Hanks bro这很有帮助,只需再多问一个我不确定的问题即可$scope.annuity\未来在控制器中全局可访问,或在函数中本地可访问每个
$scope
始终在控制器中全局可访问。感谢在rz滑块rz滑块示例jsfiddle.net/ValentinH/954eve2L中应用相同的方法,使用第一个简单的滑块获取值。但是再次面临同样的问题,在我的最终计算中从SliderHanks bro获得值,这很有帮助。我想再问一次我不确定的问题,即$scope.annuity\u future在控制器中全局可访问或在函数中局部可访问每个
$scope
在感谢在rz slider rz slider示例jsfiddle.net/ValentinH/954eve2L中应用相同的方法,使用第一个简单的slider获取值。但他再次面临同样的问题,在我最后的计算中,从滑块中得到值