AngularJS中的API（接口）簡單實現(xiàn)

更新時間：2016年07月28日 10:42:56 投稿：lqh

本文主要介紹AngularJS API（接口）,這里對AngularJS API的知識做了詳細講解,并附簡單代碼實例,有需要的小伙伴可以參考下

AngularJS API

API 意為 Application Programming Interface（應(yīng)用程序編程接口）。

AngularJS 全局 API

AngularJS 全局 API 用于執(zhí)行常見任務(wù)的 JavaScript 函數(shù)集合，如：

比較對象
迭代對象
轉(zhuǎn)換對象

全局 API 函數(shù)使用 angular 對象進行訪問。

以下列出了一些通用的 API 函數(shù)：

API	描述
angular.lowercase()	轉(zhuǎn)換字符串為小寫
angular.uppercase()	轉(zhuǎn)換字符串為大寫
angular.isString()	判斷給定的對象是否為字符串，如果是返回 true。
angular.isNumber()	判斷給定的對象是否為數(shù)字，如果是返回 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>

運行結(jié)果：

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>

運行結(jié)果：

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>

運行結(jié)果：

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>

運行結(jié)果：

JOHN

false

以上就是對AngularJS API（接口）資料的整理，后續(xù)繼續(xù)補充，希望能幫助編程的同學。

您可能感興趣的文章: