极客教程如何使用AngularJS将字符串转换成数字
在这篇文章中，我们将看到如何在AngularJS中把一个字符串转换成一个数字，同时通过插图了解其实现。
步骤:
- parseInt()方法用于将字符串转换为整数。
- 我们将通过isNumber()方法检查字符串是否是一个整数。
例子1：在第一个例子中，字符串’90’被转换为一个整数。
<!DOCTYPE HTML>
<html>
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.min.js">
</script>
<script>
var myApp = angular.module("app", []);
myApp.controller("controller", function (scope) {
scope.a = '90';
scope.isNumberA = angular.isNumber(scope.a);
scope.convertToInt = function () {
scope.a = parseInt(scope.a);
scope.isNumberA = angular.isNumber($scope.a);
};
});
</script>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h3>
Convert string into a
number in AngularJS
</h3>
<div ng-app="app">
<div ng-controller="controller">
Value = {{a}}
<br><br>
<button ng-click='convertToInt()'>
Click to convert
</button>
<br><br>isNumber(value) - {{isNumberA}}
</div>
</div>
</body>
</html>
输出:
例子2：2个字符串被添加，然后转换为整数，再添加。
<!DOCTYPE HTML>
<html>
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.min.js">
</script>
<script>
var myApp = angular.module("app", []);
myApp.controller("controller", function (scope) {
scope.a = "10";
scope.b = "20";
scope.strToInt = function () {
scope.a = parseInt(scope.a);
scope.b = parseInt(scope.b);
};
});
</script>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h3>
Convert string into a
number in AngularJS
</h3>
<div ng-app="app">
<div ng-controller="controller">
Value-1 = {{a}}
<br>Value-2 = {{b}}
<br><br>
<button ng-click='strToInt()'>
Click to convert
</button>
<br><br>sum - {{a + b}}<br>
</div>
</div>
</body>
</html>
输出:
