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

发布时间：2020-12-17 08:20:20 所属栏目：安全来源：网络整理

导读：我在从文本框添加数字并将其放在另一个文本框上时遇到问题.我的情况是这样的：我有一个文本框： input type="text" ng-model="num1" / 无论此文本框上的输入是什么,这将是另一个文本框的值,如下所示： input type="text" value="{{ num1 + 1 }}" / 此设置显

我在从文本框添加数字并将其放在另一个文本框上时遇到问题.我的情况是这样的：

我有一个文本框：

<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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!