【16】AngularJS API

標籤：

AngularJS API

API 意為 Application Programming Interface（API）。

AngularJS 全域 API

AngularJS 全域 API 用於執行常見任務的 JavaScript 函數集合，如：

• 比較對象
• 迭代對象
• 轉換對象

全域 API 函數使用 angular 對象進行訪問。

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

API	描述
angular.lowercase()	轉換字串為小寫
angular.uppercase()	轉換字串為大寫
angular.isString()	判斷給定的對象是否為字串，如果是返回 true。
angular.isNumber()	判斷給定的對象是否為數字，如果是返回 true。

angular.lowercase()

1. <div ng-app="myApp" ng-controller="myCtrl">
2. <p>{{ x1 }}</p>
3. <p>{{ x2 }}</p>
4. </div>
6. <script>
7. var app = angular.module(‘myApp‘,[]);
8. app.controller(‘myCtrl‘,function($scope){
9. $scope.x1 ="JOHN";
10. $scope.x2 = angular.lowercase($scope.x1);
11. });
12. </script>

結果：angular.uppercase()

1. <div ng-app="myApp" ng-controller="myCtrl">
2. <p>{{ x1 }}</p>
3. <p>{{ x2 }}</p>
4. </div>
6. <script>
7. var app = angular.module(‘myApp‘,[]);
8. app.controller(‘myCtrl‘,function($scope){
9. $scope.x1 ="John";
10. $scope.x2 = angular.uppercase($scope.x1);
11. });
12. </script>

結果：angular.isString()

1. <div ng-app="myApp" ng-controller="myCtrl">
2. <p>{{ x1 }}</p>
3. <p>{{ x2 }}</p>
4. </div>
6. <script>
7. var app = angular.module(‘myApp‘,[]);
8. app.controller(‘myCtrl‘,function($scope){
9. $scope.x1 ="JOHN";
10. $scope.x2 = angular.isString($scope.x1);
11. });
12. </script>

結果：angular.isNumber()

1. <div ng-app="myApp" ng-controller="myCtrl">
2. <p>{{ x1 }}</p>
3. <p>{{ x2 }}</p>
4. </div>
6. <script>
7. var app = angular.module(‘myApp‘,[]);
8. app.controller(‘myCtrl‘,function($scope){
9. $scope.x1 ="JOHN";
10. $scope.x2 = angular.isNumber($scope.x1);
11. });
12. </script>

結果：   

 

【16】AngularJS API