Angularjs Can';t在输出中输入新值后更改默认值
我对angularJS很陌生 下面是我的控制器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
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获取值。但他再次面临同样的问题,在我最后的计算中,从滑块中得到值