计算范围变量的角度js的输入值

-1

我已经做了一个文本框，我想显示在div内的数字（输入在textfiled中）的计算值。我的html：计算范围变量的角度js的输入值

<input ng-model="inp" type="text"/><br/> 
<div>{{equateInp}}</div>

angularjs：

$scope.inp = ""; 
    $scope.equateInp = parseInt($scope.inp);

，但它无法正常工作。请帮助

来源

2016-04-27 user3450590

您是否正确配置了控制器？ – chresse

你的一些更多的代码，可以帮助我们来帮助你 – manish

请附上您的控制器 –

请尝试这

<input ng-model="inp" type="number"/><br/> 
{{inp}}

来源

2016-04-27 05:37:24 byteC0de

这是否回答这个问题？ – manish

试试这个

<input type = "number" ng-model = "inpNumber"> 
<div>{{inpNumber}}</div>

来源

2016-04-27 05:42:26

这里是举例，

<input ng-model="inp" type="text"/><br/> 
<div>{{calculate(inp)}}</div> 

$scope.equateInp = function(inp) { 
    // do your calculation here 
    //eg: 
    c = parseInt(inp) + 10 
    return c 
}

这里是的jsfiddle Demo，

来源

2016-04-27 05:45:13

的整数是一种原始的JavaScript类型，而2-way绑定在原始类型上不起作用。因此，您需要为对象属性指定双向绑定模型或使用ng-change。由于yourcase你需要在你的模型（parseInt）执行一些操作，您可以使用通过如下NG-变化的第二个选项：

JS：

$scope.user = { 
    inp: 0 
}; 

$scope.onChange = function() { 
    $scope.equateInp = parseInt($scope.user.inp);  
};

HTML：

<input ng-model="user.inp" 
     ng-change='onChange()' 
     type="text"/> 
<br/> 
<div>{{equateInp}}</div>

的工作JSBin这可以在这里找到：https://jsbin.com/nuxaqak/edit?html,js,console,output

编辑：更新JSBin处理表达式 https://jsbin.com/nuxaqak/edit?html,js,output

来源

2016-04-27 05:48:32

soryy先生，但我没有得到10值，当我输入5 + 5在输入 – user3450590

但你的问题没有提到你会输入一个表达式。它只是说'数字的计算值'。请编辑您的问题，提出确切的期望 –

好像对我说，你想观看在INP VAR计算值和outputing结果变化的评价。有多种方法可以完成此操作。使用

$表：

HTML：

<input ng-model="inp" type="text"/><br/> 
<div>{{ equateInp }}</div>

angularjs：

$scope.inp = ""; 

$scope.$watch('inc', function() { 
    $scope.equateInp = parseInt($scope.inp); 
})

当INC变量改变这个基本手表。

使用的计算方法：

HTML：

<input ng-model="inp" type="text"/><br/> 
<div>{{ calculate(inp) }}</div>

angularjs：

$scope.inp = ""; 

$scope.calculate = function(value) { 
    return ($scope.inp * 5); 
}

此每次变量改变

01时间用完的计算方法

来源

2016-04-27 06:25:01

计算范围变量的角度js的输入值

回答

相关问题