AngularJS中的API（接口）简单实现

前端技术 2023/09/02 JavaScript

AngularJS API

API 意为 Application Programming Interface（应用程序编程接口）。

AngularJS 全局 API

AngularJS 全局 API 用于执行常见任务的 JavaScript 函数集合，如：

比较对象
迭代对象
转换对象

全局 API 函数使用 angular 对象进行访问。

以下列出了一些通用的 API 函数：

 

API 描述
angular.lowercase() 转换字符串为小写
angular.uppercase() 转换字符串为大写
angular.isString() 判断给定的对象是否为字符串，如果是返回 true。
angular.isNumber() 判断给定的对象是否为数字，如果是返回 true。

 angular.lowercase()

<!DOCTYPE html>
<html>
<head>
<meta charset=\"utf-8\">
<script src=\"http://apps.bdimg.com/libs/angular.js/1.4.6/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 = \"JOHN\";
 $scope.x2 = angular.lowercase($scope.x1);
});
</script>

</body>
</html>

 运行结果：

                  JOHN

                  john

 angular.uppercase()

<!DOCTYPE html>
<html>
<head>
<meta charset=\"utf-8\">
<script src=\"http://apps.bdimg.com/libs/angular.js/1.4.6/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 = \"JOHN\";
 $scope.x2 = angular.isString($scope.x1);
});
</script>

</body>
</html>

 运行结果：

                 JOHN

                 true

angular.isString()

<!DOCTYPE html>
<html>
<head>
<meta charset=\"utf-8\">
<script src=\"http://apps.bdimg.com/libs/angular.js/1.4.6/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 = \"JOHN\";
 $scope.x2 = angular.isString($scope.x1);
});
</script>

</body>
</html>

 运行结果：

                 JOHN

                 true

angular.isNumber()

<!DOCTYPE html>
<html>
<head>
<meta charset=\"utf-8\">
<script src=\"http://apps.bdimg.com/libs/angular.js/1.4.6/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 = \"JOHN\";
 $scope.x2 = angular.isNumber($scope.x1);
});
</script>

</body>
</html>

 运行结果：

                 JOHN

                 false

 

 以上就是对AngularJS API（接口）资料的整理，后续继续补充，希望能帮助编程的同学。

本文地址：https://www.stayed.cn/item/5314

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案