如何在Angular表达式中将String解析为Int？

Question

数字字符串'5'

var num_str = '5';

如何解析Int并让下面的答案同时正确？

{{num_str + 1}}  // 6
{{num_str - 1}}  // 4

parseInt不能在Angular表达式中使用,

{{parseInt(num_str) - 1}}    

数字过滤器不能做加减,

{{num_str - 1 | number}}

如果有人有有用的建议,我将非常感谢你

Answer 1

在你的控制器中:

$scope.num_str = parseInt(num_str, 10);  // parseInt with radix

Answer 2

我更喜欢使用角度滤镜.

app.filter('num', function() {
    return function(input) {
      return parseInt(input, 10);
    };
});

然后你可以在dom中使用它:

{{'10'|num}}

这是一个小提琴.

希望这有帮助!

Answer 3

你可以试试:

{{ 1 * num_str + 1 }}

http://jsfiddle.net/Z32fP/

Answer 4

另一种选择是:

$scope.parseInt = parseInt;

然后你可以像你想要的那样做:

{{parseInt(num_str)-1}}

这是因为角度表达式无法访问window,只能访问scope.

此外,使用数字过滤器,将表达式包装在括号中:

{{(num_str-1) | number}}

DEMO

Answer 5

{{ num_str - 0 }}

......对我有用.

Answer 6

以上都不适合我.

但这样做:

{{ (num1_str * 1) + (num2_str * 1) }}

Answer 7

您可以使用javascript Number方法将其解析为数字,

var num=Number (num_str);