什么是AngularJs全局API
AngularJS中的全球API: API代表应用编程接口。它是一套用于构建软件应用程序的协议、例程和工具,允许用户与应用程序互动并执行若干任务。在AngularJS中,全局API是一组全局Javascript函数,用于执行比较对象、迭代对象和转换数据等任务。
AngularJS中的一些API函数如下所示。
angular.lowercase:这是一个内置过滤器,用于将任何字符串转换为小写字母。
语法:
angular.lowercase(string);
例子1:这个例子描述了Global API的基本用法,利用它将字符串转换为小写。
<!DOCTYPE html>
<html>
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js">
</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>
输出:
Before Conversion: GeeksforGeeks
After Conversion: geeksforgeeks
angular.uppercase:这是一个内置过滤器,用于将任何字符串转换为大写字母。
语法:
angular.uppercase(string);
例子2:这个例子描述了Global API的基本用法,利用它将字符串转换为大写字母。
<!DOCTYPE html>
<html>
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js">
</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>
输出:
Before Conversion: geeksforgeeks
After Conversion: GEEKSFORGEEKS
angular.isString:这是一个内置的过滤器,用于检查给定的值是否是字符串,如果值是字符串,那么它返回true,否则它返回false。
语法:
angular.isString(value);
例子3:这个例子描述了全局API的使用,它被用来检查输入的值是否是一个字符串。
<!DOCTYPE html>
<html>
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js">
</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>
输出:
Value is: 15
Value is String: false
angular.isNumber:这是一个内置的过滤器,用于检查给定值是否为数字,如果是数字则返回true,否则返回false。
语法:
angular.isNumber(value);
例子4:这个例子描述了全局API的使用,它被用来检查给定值是否为数字。
<!DOCTYPE html>
<html>
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js">
</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>
输出:
Value is: 15
Value is Number: true
还有其他几个全局性的API,将在下面介绍。
- angular.isDate:这将检查给定值是否是一个日期。
- angular.isArray:这将检查给定的引用是否是一个数组
- angular.isFunction:这将检查给定的引用是否是一个函数
- angular.isObject:这将检查给定的引用是否是一个对象。