¿Cómo convertir una string en un número usando AngularJS?

En este artículo, veremos cómo convertir una string en un número con la ayuda de AngularJS.

Acercarse: 

  • El método parseInt() se utiliza para convertir la string en un número entero. 
  • Comprobaremos si la string es un número entero o no mediante el método isNumber().

Ejemplo 1: en el primer ejemplo, la string ’90’ se convierte en un número entero.

HTML

<!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>
  
  
    <p>
        Convert string into a 
        number in AngularJS
    </p>
  
  
    <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}}<br>
        </div>
    </div>
</body>
  
</html>

Producción:

Ejemplo 2: Las 2 strings se suman y luego se convierten en un número entero y luego se vuelven a sumar.

HTML

<!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>
  
    <p>
        Convert string into a 
        number in AngularJS
    </p>
  
  
    <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>

Producción:

Publicación traducida automáticamente

Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *