Global API in AngularJS: API stands for Application Programming Interface. It is a set of protocols, routines, and tools for building software applications that allow the user to interact with the application and perform several tasks. In AngularJS Global API is a set of global Javascript functions used for performing tasks like comparing objects, iterating objects, and converting data.
Some API functions in AngularJS are shown below:
angular.lowercase: This is a built-in filter that is used to transform any string into lowercase.
Syntax:
angular.lowercase(string);
Example 1: This example describes the basic usage of the Global API that is utilized to convert the string to lowercase.
<!DOCTYPE html> <html>
<head>
<script src=
</script>
</head>
<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 is a built-in filter that is used to transform any string into uppercase.
Syntax:
angular.uppercase(string);
Example 2: This example describes the basic usage of the Global API that is utilized to convert the string to uppercase.
<!DOCTYPE html> <html>
<head>
<script src=
</script>
</head>
<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 is a built-in filter that is used to check whether the given value is a string or not, if the value is a string then it returns true else it returns false.
Syntax:
angular.isString(value);
Example 3: This example describes the use of the Global API that is utilized to check whether the entered value is a string or not.
<!DOCTYPE html> <html>
<head>
<script src=
</script>
</head>
<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 is a built-in filter that is used to check whether the given value is a number or not, if it is a number then it returns true else it returns false.
Syntax:
angular.isNumber(value);
Example 4: This example describes the use of the Global API that is utilized to check whether the given value is a number or not.
<!DOCTYPE html> <html>
<head>
<script src=
</script>
</head>
<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
There are several other Global APIs, which are described below:
- angular.isDate: This checks whether the given value is a date or not
- angular.isArray: This checks whether the given reference is an array or not
- angular.isFunction: This checks whether the given reference is a function or not
- angular.isObject: This checks whether the given reference is an object or not