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 this关键字使用分析
Oct 21 Javascript
jquery animate实现鼠标放上去显示离开隐藏效果
Jul 21 Javascript
js定时器的使用(实例讲解)
Jan 06 Javascript
javascript计时器详解
Feb 28 Javascript
JavaScript字符串常用类使用方法汇总
Apr 14 Javascript
javascript实现继承的简单实例
Jul 26 Javascript
jQuery实现的简单提示信息插件
Dec 08 Javascript
jsTree使用记录实例
Dec 01 Javascript
javascript cookie的基本操作(添加和删除)
Jul 24 Javascript
jQuery实现的下雪动画效果示例【附源码下载】
Feb 02 jQuery
解决vue-router 二级导航默认选中某一选项的问题
Nov 01 Javascript
Vue时间轴 vue-light-timeline的用法说明
Oct 29 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
大师制作的中短波矿石收音机
2020/04/02 无线电
thinkphp缓存技术详解
2014/12/09 PHP
原生javascript获取元素样式属性值的方法
2010/12/25 Javascript
js实现拉伸拖动iframe的具体代码
2013/08/03 Javascript
jQuery实现的指纹扫描效果实例(附演示与demo源码下载)
2016/01/26 Javascript
使用Object.defineProperty实现简单的js双向绑定
2016/04/15 Javascript
javascript运算符语法全面概述
2016/07/14 Javascript
利用jQuery实现一个简单的表格上下翻页效果
2017/03/14 Javascript
详解angularjs4部署文件过大解决过程
2018/12/05 Javascript
基于node简单实现RSA加解密的方法步骤
2019/03/21 Javascript
VUE写一个简单的表格实例
2019/08/06 Javascript
微信小程序之侧边栏滑动实现过程解析(附完整源码)
2019/08/23 Javascript
python结合opencv实现人脸检测与跟踪
2015/06/08 Python
简单掌握Python中glob模块查找文件路径的用法
2016/07/05 Python
Django日志模块logging的配置详解
2017/02/14 Python
Python实现发送QQ邮件的封装
2017/07/14 Python
python爬虫之xpath的基本使用详解
2018/04/18 Python
Python 最大概率法进行汉语切分的方法
2018/12/14 Python
Python cookie的保存与读取、SSL讲解
2020/02/17 Python
基于python实现百度语音识别和图灵对话
2020/11/02 Python
python爬取代理ip的示例
2020/12/18 Python
html5使用html2canvas实现浏览器截图的示例
2017/08/31 HTML / CSS
html5拖曳操作 HTML5实现网页元素的拖放操作
2013/01/02 HTML / CSS
HTML5实现移动端点击翻牌功能
2020/10/23 HTML / CSS
全天然狗零食:Best Bully Sticks
2016/09/22 全球购物
美国在线工具商店:Acme Tools
2018/06/26 全球购物
什么是Linux虚拟文件系统VFS
2015/08/25 面试题
政法大学毕业生自荐信范文
2014/01/01 职场文书
拾金不昧的表扬信
2014/01/16 职场文书
法人代表任命书范本
2014/06/05 职场文书
快递员岗位职责
2014/09/12 职场文书
有关骆驼祥子的读书笔记
2015/06/26 职场文书
涨工资申请书应该怎么写?
2019/07/08 职场文书
《钢铁是怎样炼成的》高中读后感
2019/08/07 职场文书
导游词之扬州大明寺
2019/10/09 职场文书
Vue3中toRef与toRefs的区别
2022/03/24 Vue.js