一个数字字符串'5'
var num_str = '5';
我怎样才能同时解析并让下面的答案正确？
{{num_str + 1}} // 6
{{num_str - 1}} // 4
parseInt 不能用于 Angular 表达式，
{{parseInt(num_str) - 1}}
数字过滤器不能做加减，
{{num_str - 1 | number}}
如果有人有有用的建议，我将非常感谢你
【问题讨论】：
标签： javascript angularjs
您可以创建管道并在系统中的任何位置使用它。
import { Pipe, PipeTransform } from '@angular/core';
@Pipe({
// tslint:disable-next-line:pipe-naming
name: 'toNumber',
pure: false }) export class ToNumberPipe implements PipeTransform {
public transform(items: any): any {
if (!items) {
return 0;
}
return parseInt(items, 10);
} }
在 HTML 中
{{ attr.text | toNumber }}
记得在你的模块文件中声明这个管道是可访问的。
【讨论】：
不是很好，而是一个有趣的 hack： 您可以 -- 而不是 +
{{num_str -- 1 }}
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<div ng-app>
{{'1'--1}}
</div>【讨论】：
{{ num_str - 0 }}
...为我工作。
【讨论】：
我更喜欢使用角度滤镜。
app.filter('num', function() {
return function(input) {
return parseInt(input, 10);
};
});
那么你可以在 dom 中使用它：
{{'10'|num}}
这是fiddle。
希望这有帮助！
【讨论】：
我尝试了上面提到的解决方案，但没有一个对我有用。我使用了 JSON.parse 并且成功了：
$http.get('/api/getAdPolling')
.success(function (data) {
console.log('success: ' + data.length);
if (JSON.stringify(data) != "not found") {
$scope.adPoll = JSON.parse(data);
}
})
.error(function (data) {
console.log('Error: ' + data);
});
【讨论】：
以上都不适合我。
但是这样做了：
{{ (num1_str * 1) + (num2_str * 1) }}
【讨论】：
另一种选择是：
$scope.parseInt = parseInt;
然后你可以按照你的意愿去做：
{{parseInt(num_str)-1}}
这是因为角度表达式无法访问window，只能访问scope。
此外，使用数字过滤器，将表达式括在括号中也可以：
{{(num_str-1) | number}}
【讨论】：
在您的控制器中：
$scope.num_str = parseInt(num_str, 10); // parseInt with radix
【讨论】：
除了 {{ 1 * num_str + 1}} 你也可以这样尝试（减号）：
{{ num_str - 0 + 1}}
但是它非常脆弱，如果 num_str 包含字母，那么它会失败。所以最好尝试像@hassassin 所说的那样编写一个过滤器，或者在启动它之后立即对数据进行预处理。
【讨论】：
【讨论】：
您可以使用javascript Number 方法将其解析为数字，
var num=Number (num_str);
【讨论】：