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 相关文章推荐
根据一段代码浅谈Javascript闭包
Dec 14 Javascript
javascript:;与javascript:void(0)使用介绍
Jun 05 Javascript
js函数返回多个返回值的示例代码
Nov 05 Javascript
jquery实现人性化的有选择性禁用鼠标右键
Jun 30 Javascript
jQuery前端框架easyui使用Dialog时bug处理
Dec 05 Javascript
jQuery实现在textarea指定位置插入字符或表情的方法
Mar 11 Javascript
JavaScript实现数组在指定位置插入若干元素的方法
Apr 06 Javascript
JSON与XML优缺点对比分析
Jul 17 Javascript
原生JS实现层叠轮播图
May 17 Javascript
关于预加载InstantClick的问题解决方法
Sep 12 Javascript
弱类型语言javascript中 a,b 的运算实例小结
Aug 07 Javascript
javascript 数组精简技巧小结
Feb 26 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
DOTA2 6.87版本后新眼位详解攻略
2020/04/20 DOTA
PHP4实际应用经验篇(5)
2006/10/09 PHP
JoshChen_php新手进阶高手不可或缺的规范介绍
2013/08/16 PHP
php实现的单一入口应用程序实例分析
2015/09/23 PHP
详解WordPress中分类函数wp_list_categories的使用
2016/01/04 PHP
使用PHP免费发送定时短信的实例
2016/10/24 PHP
PHP对象相关知识总结
2017/04/09 PHP
PHP中$GLOBALS['HTTP_RAW_POST_DATA']和$_POST的区别分析
2017/07/03 PHP
asp.net+js 实现无刷新上传解析csv文件的代码
2010/05/17 Javascript
js获取多个tagname的节点数组
2013/09/22 Javascript
Mac OS X 系统下安装和部署Egret引擎开发环境
2014/09/03 Javascript
js读写json文件实例代码
2014/10/21 Javascript
JavaScript驾驭网页-CSS与DOM
2016/03/24 Javascript
微信小程序基于本地缓存实现点赞功能的方法
2017/12/18 Javascript
layui数据表格实现重载数据表格功能(搜索功能)
2019/07/27 Javascript
vue-cli在 history模式下的配置详解
2019/11/26 Javascript
NodeJS开发人员常见五个错误理解
2020/10/14 NodeJs
python的re正则表达式实例代码
2018/01/24 Python
详谈pandas中agg函数和apply函数的区别
2018/04/20 Python
Python堆排序原理与实现方法详解
2018/05/11 Python
Python批量查询关键词微信指数实例方法
2019/06/27 Python
Python多版本开发环境管理工具介绍
2019/07/03 Python
python实现数据结构中双向循环链表操作的示例
2020/10/09 Python
python给list排序的简单方法
2020/12/10 Python
Django中如何用xlwt生成表格的方法步骤
2021/01/31 Python
CSS3绘制不规则图形的一些方法示例
2015/11/07 HTML / CSS
HTML5 直播疯狂点赞动画实现代码 附源码
2020/04/14 HTML / CSS
Agoda.com官方网站:便宜预订全球酒店,高达80%的折扣
2018/04/04 全球购物
介绍一下HDLC(High-Level Data Link Control)高层数据链路协议
2012/01/21 面试题
安全生产知识竞赛活动总结
2014/07/07 职场文书
2014年九一八事变演讲稿
2014/09/14 职场文书
领导干部作风建设剖析材料
2014/10/11 职场文书
团员年度个人总结
2015/02/26 职场文书
2015年酒店工作总结
2015/04/28 职场文书
在pyCharm中下载第三方库的方法
2021/04/18 Python
python工具dtreeviz决策树可视化和模型可解释性
2022/03/03 Python