English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
API stands for AApplication PProgramming IApplication Programming Interface (API).
AngularJS global API is a collection of JavaScript functions for performing common tasks, such as:
Compare objects
Iterate over an object
Convert an object
Global API functions are accessed using the angular object.
The following lists some common API functions:
API | Description |
---|---|
angular.lowercase (<angular1.7) angular.$$lowercase() (angular1.7+) | Convert a string to lowercase |
angular.uppercase() (<angular1.7) angular.$$uppercase() (angular1.7+) | Convert a string to uppercase |
angular.isString() | Determine if the given object is a string, and return true if it is. |
angular.isNumber() | Determine if the given object is a number, and return true if it is. |
Note:Since AngularJS 1.7 After removing angular.lowercase and angular.uppercase methods, replace them with angular.$$lowercase and angular.$$uppercase
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/angular.js/1.7.0/angular.min.js"></script> </head> <body> <div ng-app="myApp" ng-controller="myCtrl" <p>{{ x1 }}</p> <p>{{ x2 }}</p> </div> <script> var app = angular.module('myApp', []); app.controller('myCtrl', function($scope) { $scope.x1 = "w3codebox"; $scope.x2 angular.$$lowercase($scope.x1); }); </script> </body> </html>Test and See ‹/›
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/angular.js/1.7.0/angular.min.js"></script> </head> <body> <div ng-app="myApp" ng-controller="myCtrl" <p>{{ x1 }}</p> <p>{{ x2 }}</p> </div> <script> var app = angular.module('myApp', []); app.controller('myCtrl', function($scope) { $scope.x1 = "w3codebox"; $scope.x2 angular.$$uppercase($scope.x1); }); </script> </body> </html>Test and See ‹/›
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/angular.js/1.7.0/angular.min.js"></script> </head> <body> <div ng-app="myApp" ng-controller="myCtrl" <p>{{ x1 }}</p> <p>{{ x2 }}</p> </div> <script> var app = angular.module('myApp', []); app.controller('myCtrl', function($scope) { $scope.x1 = "w3codebox"; $scope.x2 = angular.isString($scope.x1); }); </script> </body> </html>Test and See ‹/›
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/angular.js/1.7.0/angular.min.js"></script> </head> <body> <div ng-app="myApp" ng-controller="myCtrl" <p>{{ x1 }}</p> <p>{{ x2 }}</p> </div> <script> var app = angular.module('myApp', []); app.controller('myCtrl', function($scope) { $scope.x1 = "w3codebox"; $scope.x2 = angular.isNumber($scope.x1); }); </script> </body> </html>Test and See ‹/›