AngularJS中的API(接口)简单实现


Posted in Javascript onJuly 28, 2016

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

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

 运行结果:

                  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>

 运行结果:

                 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>

 运行结果:

                 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>

 运行结果:

                 JOHN

                 false

 

 以上就是对AngularJS API(接口)资料的整理,后续继续补充,希望能帮助编程的同学。

Javascript 相关文章推荐
JS类库Bindows1.3中的内存释放方式分析
Mar 08 Javascript
javascript 流畅动画实现原理
Sep 08 Javascript
锋利的jQuery 要点归纳(三) jQuery中的事件和动画(上:事件篇)
Mar 24 Javascript
JavaScript比较两个对象是否相等的方法
Feb 06 Javascript
js进行表单验证实例分析
Feb 10 Javascript
jQuery同步提交示例代码
Dec 12 Javascript
jQuery获取及设置表单input各种类型值的方法小结
May 24 Javascript
javascript iframe跨域详解
Oct 26 Javascript
js 获取本地文件及目录的方法(推荐)
Nov 10 Javascript
js前端实现多图图片上传预览的两个方法(推荐)
Nov 18 Javascript
webpack打包并将文件加载到指定的位置方法
Feb 22 Javascript
JavaScript this关键字指向常用情况解析
Sep 02 Javascript
js 声明数组和向数组中添加对象变量的简单实例
Jul 28 #Javascript
AngularJS 输入验证详解及实例代码
Jul 28 #Javascript
jquery实用技巧之输入框提示语句
Jul 28 #Javascript
jQuery stop()用法实例详解
Jul 28 #Javascript
AngularJS中的表单简单入门
Jul 28 #Javascript
jQuery插件Validation快速完成表单验证的方式
Jul 28 #Javascript
浅谈JS正则表达式的RegExp对象和括号的使用
Jul 28 #Javascript
You might like
探讨file_get_contents与curl效率及稳定性的分析
2013/06/06 PHP
PHP之认识(二)关于Traits的用法详解
2019/04/11 PHP
输入自动提示搜索提示功能的javascript:sugggestion.js
2013/09/02 Javascript
使用JavaScript实现Java的List功能(实例讲解)
2013/11/07 Javascript
JavaScript使用二分查找算法在数组中查找数据的方法
2015/04/07 Javascript
jQuery动态生成不规则表格(前后端)
2017/02/21 Javascript
js 开发之autocomplete=&quot;off&quot;在chrom中失效的解决办法
2017/09/28 Javascript
Vue实现带进度条的文件拖动上传功能
2018/02/23 Javascript
解决vue2.0动态绑定图片src属性值初始化时报错的问题
2018/03/14 Javascript
图文讲解用vue-cli脚手架创建vue项目步骤
2019/02/12 Javascript
详解一些适用于Node.js的命名约定
2019/12/08 Javascript
Vue+Java+Base64实现条码解析的示例
2020/09/23 Javascript
[00:36]我的中国心——Serenity vs Fnatic
2018/08/21 DOTA
python中as用法实例分析
2015/04/30 Python
深入理解Python分布式爬虫原理
2017/11/23 Python
python机器学习案例教程——K最近邻算法的实现
2017/12/28 Python
python使用sessions模拟登录淘宝的方式
2019/08/16 Python
python 3.7.4 安装 opencv的教程
2019/10/10 Python
关于tf.reverse_sequence()简述
2020/01/20 Python
python实现FTP文件传输的方法(服务器端和客户端)
2020/03/20 Python
Python导入模块包原理及相关注意事项
2020/03/25 Python
Python3自定义json逐层解析器代码
2020/05/11 Python
用Python 爬取猫眼电影数据分析《无名之辈》
2020/07/24 Python
css3中的calc函数浅析
2018/07/10 HTML / CSS
webapp字号大小跟随系统字号大小缩放的示例代码
2018/12/26 HTML / CSS
程序员经常用到的UNIX命令
2015/04/13 面试题
医学生自荐信
2013/12/03 职场文书
电子邮箱格式怎么写
2014/01/12 职场文书
2014年上半年工作自我评价
2014/01/18 职场文书
《童趣》教学反思
2014/02/19 职场文书
保险公司早会主持词
2014/03/22 职场文书
售后服务承诺函格式
2015/01/21 职场文书
社会实践活动报告
2015/02/05 职场文书
博士论文答辩开场白
2015/06/01 职场文书
联村联户简报
2015/07/21 职场文书
Java基础之线程锁相关知识总结
2021/06/30 Java/Android