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

Question

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

我有一个文本框:

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

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

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

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

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

但不幸的是，它不起作用。我错过了什么？

Answer 1

文本框的值是一个字符串。
您需要将其转换为整数/浮点数，您可以使用 parseInt或 parseFloat如果你有小数。默认情况下，您的表达式中没有 parseInt 方法可用，但您可以将其添加到 Controller 的作用域中以使其可用:

$scope.parseInt = parseInt;


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

您可以 see this in action here