zoukankan      html  css  js  c++  java
  • 【16】AngularJS API

    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>
    结果:

    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>
    结果:

    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>
    结果:

    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>
    结果:
     
     
     





  • 相关阅读:
    实验2(第二章课后习题)
    weekend及反位数(第一次c++作业)
    如何在Vue项目中使用百度地图
    Vue中使用js-pinyin包实现城市按首字母排序
    Webstorm中使用less编写css
    关于cookie的使用
    Vue数据双向绑定的实现
    Vue的生命周期
    Vue-cli(Vue脚手架)挂载Element-ui和axios方法
    Vue脚手架学习笔记(一)
  • 原文地址:https://www.cnblogs.com/moyuling/p/5207350.html
Copyright © 2011-2022 走看看