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 相关文章推荐
解决jquery的.animate()函数在IE6下的问题
Dec 03 Javascript
在IE 浏览器中使用 jquery的fadeIn() 效果 英文字符字体加粗
Jun 02 Javascript
javascript 获取网页标题代码实例
Jan 22 Javascript
Javascript排序算法之计数排序的实例
Apr 05 Javascript
使用jquery animate创建平滑滚动效果(可以是到顶部、到底部或指定地方)
May 27 Javascript
原生JavaScript+LESS实现瀑布流
Dec 12 Javascript
快速解决js动态改变dom元素属性后页面及时渲染的问题
Jul 06 Javascript
jQuery中animate()的使用方法及解决$(”body“).animate({“scrollTop”:top})不被Firefox支持的问题
Apr 04 jQuery
js每隔两秒输出数组中的一项(实例)
May 28 Javascript
JavaScript的六种继承方式(推荐)
Jun 26 Javascript
vue使用axios时关于this的指向问题详解
Dec 22 Javascript
JS实现前端路由功能示例【原生路由】
May 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
基于mysql的论坛(4)
2006/10/09 PHP
《PHP边学边教》(02.Apache+PHP环境配置――下篇)
2006/12/13 PHP
php使用GD2绘制几何图形示例
2017/02/15 PHP
php实现姓名根据首字母排序的类与方法(实例代码)
2018/05/16 PHP
php查看一个变量的占用内存的实例代码
2020/03/29 PHP
利用腾讯的ip地址库做ip物理地址定位
2010/07/24 Javascript
深入理解JavaScript中的传值与传引用
2013/12/09 Javascript
JavaScript判断对象是否为数组
2015/12/22 Javascript
js点击文本框弹出可选择的checkbox复选框
2016/02/03 Javascript
jQuery调用WebMethod(PageMethod) NET2.0的方法
2016/04/15 Javascript
倾力总结40条常见的移动端Web页面问题解决方案
2016/05/24 Javascript
详解vue的数据binding绑定原理
2017/04/12 Javascript
AngularJS实现与后台服务器进行交互的示例讲解
2018/08/13 Javascript
js实现图片推拉门效果代码实例
2019/05/18 Javascript
如何在vue中使用kindeditor富文本编辑器
2020/12/19 Vue.js
[05:10]2014DOTA2国际邀请赛 通往胜利之匙赛场探秘之旅
2014/07/18 DOTA
python实现上传下载文件功能
2020/11/19 Python
Django ORM框架的定时任务如何使用详解
2017/10/19 Python
Python数据结构与算法之完全树与最小堆实例
2017/12/13 Python
Django数据库表反向生成实例解析
2018/02/06 Python
python向已存在的excel中新增表,不覆盖原数据的实例
2018/05/02 Python
python带参数打包exe及调用方式
2019/12/21 Python
Python实例教程之检索输出月份日历表
2020/12/16 Python
Web前端页面跳转并取到值
2017/04/24 HTML / CSS
应聘教师推荐信
2013/10/31 职场文书
医院工作检讨书范文
2014/02/10 职场文书
《落花生》教学反思
2014/02/25 职场文书
会计岗位职责范本
2014/03/07 职场文书
关键在于落实心得体会
2014/09/03 职场文书
党章培训心得体会
2014/09/04 职场文书
村干部四风问题整改措施
2014/09/30 职场文书
运动会报道稿300字
2014/10/02 职场文书
学生个人总结范文
2015/02/15 职场文书
大国崛起日本观后感
2015/06/02 职场文书
小学生手册家长意见
2015/06/03 职场文书
资产移交协议书
2016/03/24 职场文书