如何在AngularJS中总结两个Scope值

Posted 2023-02-21

【中文标题】如何在AngularJS中总结两个Scope值

【英文标题】：How to sum up two Scope values in AngularJS

【发布时间】：2015-06-07 15:22:52

【问题描述】：

var selPage2 = $scope.selPage + $scope.itemsPerPage;
$scope.selPageUp = selPage2;

例如，如果 selPage 的值为 50，itemsPerPage 的值为 10，我想在 html 元素中显示我的值，例如

selPageUp

Angular JS 将连接这两个字符串并显示为 5010，但我想将两个值相加以显示数字 60。如何做到这一点？例如，如果我将运算符从 + 更改为 *，它将乘以值并显示 500，它将按照我想要的方式工作。请帮忙？

【参考方案1】：

$scope.selpage 和 $scope.itemPerPage 可能是字符串类型。如果它们是整数，那么总结起来很好。所以首先你必须使用parseInt() 或parseFloat() 将此字符串转换为浮点整数。 2 字符串会相乘，因为* 是一个数学函数，所以它会自动尝试将这些字符串转换为值。

【参考方案2】：

如果它们是整数：

var selPage2 = parseInt($scope.selPage) + parseInt($scope.itemsPerPage);

否则：

var selPage2 = parseFloat($scope.selPage) + parseFloat($scope.itemsPerPage);