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

2019-11-20 09:23:13

字体：大中小

来源：转载

供稿：网友

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（接口）资料的整理，后续继续补充，希望能帮助编程的同学。

上一篇：JS中正则表达式只有3种匹配模式(没有单行模式)详解

下一篇：js 声明数组和向数组中添加对象变量的简单实例