What are the AngularJs Global API?

Global API in AngularJS
API stands for Application Programming Interface. It is a set of protocols, routine and tools for building software application which allows the user to interact with the application and perform the several tasks.

In AngularJS Global API is a set of global Javascript functions used for performing tasks like comparing objects, iterating object, converting data.

Some API functions in AngularJS is shown below:

angular.lowercase: This converts the string into lowercase.

Syntax:

angular.lowercase(string);

Example 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> 

Output:

Before Conversion: GeeksforGeeks                   
After Conversion: geeksforgeeks

angular.uppercase: This converts the string into uppercase.

Syntax:

angular.uppercase(string);

Example 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> 

Output:

Before Conversion: geeksforgeeks
After Conversion: GEEKSFORGEEKS

angular.isString: This check the given value is a string or not, if the value is string then it returns true else it returns false.

Syntax:

angular.isString(value);

Example

<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> 

Output:

Value is: 15
Value is String: false

angular.isNumber: This checks whether the given value is number or not, if it is a number then it returns true else it returns false.

Syntax:

angular.isNumber(value);

Example

<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> 

Output:

Value is: 15
Value is Number: true

Some more APIs in AngularJS are given below:

angular.isDate: This checks whether the given value is date or not
angular.isArray: This checks whether the given reference is array or not
angular.isFunction: This checks whether the given reference is function or not
angular.isObject: This checks whether the given reference is a object or not

My Personal Notes

Recommended Posts: