2016-01-13 117 views
0

输入新值后,我是很新的angularJS不能更改默认值输出

下面是我CONTROLER

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”的默认值,在输出的值是不会改变相应

要做到这一点,thisway因为我有要做到有很多变量的长数学运算和非常可变我使用有我面临着同样的问题

在此先感谢

+0

因为您从不告诉'ir.value'采用'annuity_future'的值。 – SjaakvBrabant

+0

我该怎么做? –

+0

是[this](http://plnkr.co/edit/UfbbZ3uXFcc9NRhEXHhz?p=preview)你想要什么? – SjaakvBrabant

回答

2

添加到您的代码

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

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

+0

谢谢老兄有很大帮助编辑 再多一次觉得我要问哪我不知道关于IE $ scope.annuity_future是在全球范围内的控制器或本地访问内的功能 –

+0

每'$ scope'总是在控制器全局访问。 – SjaakvBrabant

+0

由于使用第一个,简单滑块用于获取值应用相同的方法在RZ-滑块RZ-滑块示例jsfiddle.net/ValentinH/954eve2L。但是同样面临他从滑块中获取最终计算值的同样问题 –

0

您可以在ngChange为$scope.annuity_future做计算,或者你ç把计算直接放在html中。与此

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

并更换输入标签:

输出HTML

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

请参阅我在控制器做表现出更多的正是我想要 –