【16】AngularJS API

时间:2022-09-27 20:07:29

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

  1. <div ng-app="myApp" ng-controller="myCtrl">
  2. <p>{{ x1 }}</p>
  3. <p>{{ x2 }}</p>
  4. </div>
  5. <script>
  6. var app = angular.module('myApp',[]);
  7. app.controller('myCtrl',function($scope){
  8. $scope.x1 ="JOHN";
  9. $scope.x2 = angular.lowercase($scope.x1);
  10. });
  11. </script>
结果:
【16】AngularJS API

angular.uppercase()

  1. <div ng-app="myApp" ng-controller="myCtrl">
  2. <p>{{ x1 }}</p>
  3. <p>{{ x2 }}</p>
  4. </div>
  5. <script>
  6. var app = angular.module('myApp',[]);
  7. app.controller('myCtrl',function($scope){
  8. $scope.x1 ="John";
  9. $scope.x2 = angular.uppercase($scope.x1);
  10. });
  11. </script>
结果:
【16】AngularJS API

angular.isString()

  1. <div ng-app="myApp" ng-controller="myCtrl">
  2. <p>{{ x1 }}</p>
  3. <p>{{ x2 }}</p>
  4. </div>
  5. <script>
  6. var app = angular.module('myApp',[]);
  7. app.controller('myCtrl',function($scope){
  8. $scope.x1 ="JOHN";
  9. $scope.x2 = angular.isString($scope.x1);
  10. });
  11. </script>
结果:
【16】AngularJS API

angular.isNumber()

  1. <div ng-app="myApp" ng-controller="myCtrl">
  2. <p>{{ x1 }}</p>
  3. <p>{{ x2 }}</p>
  4. </div>
  5. <script>
  6. var app = angular.module('myApp',[]);
  7. app.controller('myCtrl',function($scope){
  8. $scope.x1 ="JOHN";
  9. $scope.x2 = angular.isNumber($scope.x1);
  10. });
  11. </script>
结果:
 
【16】AngularJS API