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

2024-03-15 00:49:03 540

AngularJSAPI

API意为ApplicationProgrammingInterface（应用程序编程接口）。

AngularJS全局API

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

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

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

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

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

angular.lowercase()

<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<scriptsrc="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>

<divng-app="myApp"ng-controller="myCtrl">
<p>{{x1}}</p>
<p>{{x2}}</p>
</div>

<script>
varapp=angular.module('myApp',[]);
app.controller('myCtrl',function($scope){
$scope.x1="JOHN";
$scope.x2=angular.lowercase($scope.x1);
});
</script>

</body>
</html>

运行结果：

JOHN

john

angular.uppercase()

<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<scriptsrc="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>

<divng-app="myApp"ng-controller="myCtrl">
<p>{{x1}}</p>
<p>{{x2}}</p>
</div>

<script>
varapp=angular.module('myApp',[]);
app.controller('myCtrl',function($scope){
$scope.x1="JOHN";
$scope.x2=angular.isString($scope.x1);
});
</script>

</body>
</html>

运行结果：

JOHN

true

angular.isString()

<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<scriptsrc="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>

<divng-app="myApp"ng-controller="myCtrl">
<p>{{x1}}</p>
<p>{{x2}}</p>
</div>

<script>
varapp=angular.module('myApp',[]);
app.controller('myCtrl',function($scope){
$scope.x1="JOHN";
$scope.x2=angular.isString($scope.x1);
});
</script>

</body>
</html>

运行结果：

JOHN

true

angular.isNumber()

<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<scriptsrc="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>

<divng-app="myApp"ng-controller="myCtrl">
<p>{{x1}}</p>
<p>{{x2}}</p>
</div>

<script>
varapp=angular.module('myApp',[]);
app.controller('myCtrl',function($scope){
$scope.x1="JOHN";
$scope.x2=angular.isNumber($scope.x1);
});
</script>

</body>
</html>

运行结果：

JOHN

false

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

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

热门推荐

随机推荐