当前位置： 移动技术网 > IT编程>脚本编程>AngularJs > AngularJS中的API（接口）简单实现

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

2018年05月29日  | 移动技术网IT编程  | 我要评论

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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网