¿Qué son las API globales de AngularJs?

API global en AngularJS
API significa Interfaz de programación de aplicaciones . Es un conjunto de protocolos, rutinas y herramientas para la creación de aplicaciones de software que permite al usuario interactuar con la aplicación y realizar varias tareas.

En AngularJS Global API hay un conjunto de funciones globales de Javascript que se utilizan para realizar tareas como comparar objetos, iterar objetos y convertir datos.

Algunas funciones de API en AngularJS se muestran a continuación:

angular.lowercase: esto convierte la string en minúsculas.

Sintaxis:

angular.lowercase(string);

Ejemplo 1:

<html>
<script src=
"https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js">
  </script>
  
<body>
    <div ng-app="App" ng-controller="Ctrl">
        <p>{{"Before Conversion: " + i1 }}</p>
        <p>{{"After Conversion: " + i2 }}</p>
    </div>
    <script>
        var app = angular.module('App', []);
        app.controller('Ctrl', function($scope) {
            $scope.i1 = "GeeksforGeeks";
            // converting string into lowercase
            $scope.i2 = angular.lowercase($scope.i1); 
        });
    </script>
</body>
  
</html>

Producción:

Before Conversion: GeeksforGeeks                   
After Conversion: geeksforgeeks

angular.uppercase: esto convierte la string en mayúsculas.

Sintaxis:

angular.uppercase(string);

Ejemplo 2:

<html>
<script src=
"https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js">
  </script>
  
<body>
    <div ng-app="App" ng-controller="Ctrl">
        <p>{{"Before Conversion: " + i1 }}</p>
        <p>{{"After Conversion: " + i2 }}</p>
    </div>
    <script>
        var app = angular.module('App', []);
        app.controller('Ctrl', function($scope) {
            $scope.i1 = "geeksforGeeks";
            // converting string into uppercase
            $scope.i2 = angular.uppercase($scope.i1); 
        });
    </script>
</body>
  
</html>

Producción:

Before Conversion: geeksforgeeks
After Conversion: GEEKSFORGEEKS

angular.isString: esta verificación de que el valor dado es una string o no, si el valor es una string, devuelve verdadero; de lo contrario, devuelve falso.

Sintaxis:

angular.isString(value);

Ejemplo

<html>
<script src=
"https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js">
  </script>
  
<body>
    <div ng-app="App" ng-controller="Ctrl">
        <p>{{"Value is: " + i1 }}</p>
        <p>{{"Value is string: " + i2 }}</p>
    </div>
    <script>
        var app = angular.module('App', []);
        app.controller('Ctrl', function($scope) {
            $scope.i1 = 15;
            // checks whether the given value is a string
            $scope.i2 = angular.isString($scope.i1); 
        });
    </script>
</body>
  
</html>

Producción:

Value is: 15
Value is String: false

angular.isNumber: esto verifica si el valor dado es un número o no, si es un número, devuelve verdadero; de lo contrario, devuelve falso.

Sintaxis:

angular.isNumber(value);

Ejemplo

<html>
<script src=
"https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js">
  </script>
  
<body>
    <div ng-app="App" ng-controller="Ctrl">
        <p>{{"Value is: " + i1 }}</p>
        <p>{{"Value is string: " + i2 }}</p>
    </div>
    <script>
        var app = angular.module('App', []);
        app.controller('Ctrl', function($scope) {
            $scope.i1 = 15;
            // checks whether the given value is a number
            $scope.i2 = angular.isNumber($scope.i1); 
        });
    </script>
</body>
  
</html>

Producción:

Value is: 15
Value is Number: true

Algunas API más en AngularJS se dan a continuación:

angular.isDate: esto verifica si el valor dado es fecha o no
angular.isArray: esto verifica si la referencia dada es una array o no
angular.isFunction: esto verifica si la referencia dada es una función o no
angular.isObject: esto verifica si la referencia dada es un objeto o no

Publicación traducida automáticamente

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

Deja una respuesta Cancelar la respuesta