AngularJS快速入门指南15：API

thead>tr>th, table.reference>tbody>tr>th, table.reference>tfoot>tr>th, table.reference>thead>tr>td, table.reference>tbody>tr>td, table.reference>tfoot>tr>td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd;
}
div.chapter {
margin: 10px 0px 10px 0px;
padding: 0px;
width: auto;
overflow: hidden;
}
div.chapter div.prev {
width: 50%;
float: left;
text-align: left;
overflow: hidden;
white-space: nowrap;
}
div.chapter div.next {
width: 50%;
float: right;
text-align: right;
white-space: nowrap;
overflow: hidden;
}
-->

　　API即Application Programming Interface（应用程序接口）。

AngularJS全局API

　　AngularJS全局API是一组全局JavaScript函数，用来进行一些常用的操作，例如：

比较两个对象
迭代对象
进行数据格式转换

　　全局API函数可以通过angular对象来直接调用。

　　下表列除了一些比较常用的Angular API函数：

API	描述
angular.lowercase()	将字符串转换为小写形式。
angular.uppercase()	将字符串转换为大写形式。
angular.isString()	判断给定的对象是否为字符串。
angular.isNumber()	判断给定的对象是否为数字。

angular.lowercase()

<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>

运行

angular.uppercase()

<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.uppercase($scope.x1);

});

</script>

运行

angular.isString()

<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>

运行

angular.isNumber()

<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>

运行

上一章 - AngularJS快速入门指南14：数据验证

下一章 - AngularJS快速入门指南16：Bootstrap

秒客网