什么是AngularJs全局API

AngularJS中的全球API： API代表应用编程接口。它是一套用于构建软件应用程序的协议、例程和工具，允许用户与应用程序互动并执行若干任务。在AngularJS中，全局API是一组全局Javascript函数，用于执行比较对象、迭代对象和转换数据等任务。

什么是AngularJs全局API？

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>