AngularJS如何从文本框中添加表达式中的数字?

前端之家收集整理的这篇文章主要介绍了AngularJS如何从文本框中添加表达式中的数字?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在从文本框添加数字并将其放在另一个文本框上时遇到问题.我的情况是这样的:

我有一个文本框:

<input type="text" ng-model="num1" />

无论此文本框上的输入是什么,这将是另一个文本框的值,如下所示:

<input type="text" value="{{ num1 + 1 }}" />

此设置显示成功但有错误.当我在第一次输入2013时,第二次显示20131而不是2014.
我也尝试使用这样的过滤器:

<input type="text" value="{{ num1 + 1 | number}}" />

但不幸的是,它不起作用.我错过了什么?

文本框的值是一个字符串.
如果你有小数,你需要将它转换为整数/浮点数,你可以使用parseInt或parseFloat.默认情况下,表达式中没有可用的parseInt方法,但您可以将其添加到控制器中的范围以使其可用:
$scope.parseInt = parseInt;


<input type="text" value="{{ parseInt(num1) + 1 }}" />

你可以see this in action here

猜你在找的Angularjs相关文章