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对象是否可用的最正确方法分析
Oct 03 Javascript
JavaScript Date对象使用总结
May 14 Javascript
Javascript 拖拽的一些简单的应用(逐行分析代码,让你轻松了拖拽的原理)
Jan 23 Javascript
DOM操作和jQuery实现选项移动操作的简单实例
Jun 07 Javascript
又一款js时钟!transform实现时钟效果
Aug 15 Javascript
jQuery实现可拖拽的许愿墙效果【附demo源码下载】
Sep 14 Javascript
H5移动端图片压缩上传开发流程
Nov 09 Javascript
HTML5实现微信拍摄上传照片功能
Apr 21 Javascript
vue 2.x 中axios 封装的get 和post方法
Feb 28 Javascript
Vue-CLI项目中路由传参的方式详解
Sep 01 Javascript
jquery 时间戳转日期过程详解
Oct 12 jQuery
为什么推荐使用JSX开发Vue3
Dec 28 Vue.js
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
php微信支付之APP支付方法
2015/03/04 PHP
PHP调用API接口实现天气查询功能的示例
2017/09/21 PHP
PHP生成推广海报的方法分享
2018/04/22 PHP
jquery.validate使用攻略 第一部
2010/07/01 Javascript
JS定时器实例详细分析
2013/10/11 Javascript
jquery制作弹窗提示窗口代码分享
2014/03/02 Javascript
如何用JavaScript定义一个类
2014/09/12 Javascript
原生js实现类似弹窗抖动效果
2015/04/02 Javascript
JS实现网站菜单拖拽移位效果的方法
2015/09/24 Javascript
JS操作input标签属性checkbox全选的实现代码
2017/03/02 Javascript
jQuery实现页面倒计时并刷新效果
2017/03/13 Javascript
js实现不提示直接关闭网页窗口
2017/03/30 Javascript
浅谈关于.vue文件中style的scoped属性
2017/08/19 Javascript
AngularJS实现表单元素值绑定操作示例
2017/10/11 Javascript
webpack构建换肤功能的思路详解
2017/11/27 Javascript
Vue+Jwt+SpringBoot+Ldap完成登录认证的示例代码
2018/05/21 Javascript
React中嵌套组件与被嵌套组件的通信过程
2018/07/11 Javascript
微信小程序实现弹出菜单动画
2019/06/21 Javascript
Vue实现页面添加水印功能
2019/11/09 Javascript
Vue Object 的变化侦测实现代码
2020/04/15 Javascript
webpack+express实现文件精确缓存的示例代码
2020/06/11 Javascript
Python中的列表生成式与生成器学习教程
2016/03/13 Python
Python的argparse库使用详解
2018/10/09 Python
python实现屏保程序(适用于背单词)
2019/07/30 Python
Python进程间通信 multiProcessing Queue队列实现详解
2019/09/23 Python
pygame实现贪吃蛇游戏(下)
2019/10/29 Python
使用python3 实现插入数据到mysql
2020/03/02 Python
世界闻名的衬衫制造商:Savile Row Company
2018/07/30 全球购物
军训自我鉴定怎么写
2014/02/13 职场文书
期末评语大全
2014/05/04 职场文书
专题组织生活会方案
2014/06/15 职场文书
医药销售自我评价200字
2014/09/11 职场文书
2014年村官工作总结
2014/11/24 职场文书
给病人的慰问信
2015/03/23 职场文书
Python词云的正确实现方法实例
2021/05/08 Python
Python快速实现一键抠图功能的全过程
2021/06/29 Python