什么是AngularJs全局API

什么是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>

输出:

Value is: 15
Value is Number: true

还有其他几个全局性的API,将在下面介绍。

  • angular.isDate:这将检查给定值是否是一个日期。
  • angular.isArray:这将检查给定的引用是否是一个数组
  • angular.isFunction:这将检查给定的引用是否是一个函数
  • angular.isObject:这将检查给定的引用是否是一个对象。

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程