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无法捕获滚动条上的mouse up事件的原因猜想
Mar 21 Javascript
基于JavaScript 类的使用详解
May 07 Javascript
实例讲解JQuery中this和$(this)区别
Dec 08 Javascript
javascript实现网页中涉及的简易运动(改变宽高、透明度、位置)
Nov 29 Javascript
关于安卓手机微信浏览器中使用XMLHttpRequest 2上传图片显示字节数为0的解决办法
May 17 Javascript
js接收并转化Java中的数组对象的方法
Aug 11 Javascript
jquery dialog获取焦点的方法
Feb 09 Javascript
微信小程序wx.getImageInfo()如何获取图片信息
Jan 26 Javascript
AngularJS下$http服务Post方法传递json参数的实例
Mar 29 Javascript
vue动画打包后失效问题的解决方法
Sep 18 Javascript
vue防止花括号{{}}闪烁v-text和v-html、v-cloak用法示例
Mar 13 Javascript
JavaScript异步操作中串行和并行
Nov 20 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/09 魔兽争霸
javascript CSS画图之基础篇
2009/07/29 Javascript
关于JavaScript中var声明变量作用域的推断
2010/12/16 Javascript
在JavaScript中获取请求的URL参数[正则]
2010/12/25 Javascript
jsPDF生成pdf后在网页展示实例
2014/01/16 Javascript
基于jquery实现的自动补全功能
2015/03/12 Javascript
jquery实现的点击翻书效果代码
2015/11/04 Javascript
z-blog SyntaxHighlighter 长代码无法换行解决办法(基于jquery)
2015/11/18 Javascript
详解js跨域原理以及2种解决方案
2015/12/09 Javascript
两行代码轻松搞定JavaScript日期验证
2016/08/03 Javascript
js中json处理总结之JSON.parse
2016/10/14 Javascript
Vue.js开发环境搭建
2016/11/10 Javascript
String字符串截取的四种方式总结
2016/11/28 Javascript
浅谈node中的exports与module.exports的关系
2017/08/01 Javascript
ES6 更易于继承的类语法的使用
2019/02/11 Javascript
微信小程序 wx:for遍历循环使用实例解析
2019/09/09 Javascript
javascript实现倒计时效果
2020/02/17 Javascript
js中switch语句的学习笔记
2020/03/25 Javascript
JS代码实现页面切换效果
2021/01/10 Javascript
Python 实现数据库(SQL)更新脚本的生成方法
2017/07/09 Python
python 拷贝特定后缀名文件,并保留原始目录结构的实例
2018/04/27 Python
python设置环境变量的原因和方法
2019/06/24 Python
Python的matplotlib绘图如何修改背景颜色的实现
2019/07/16 Python
Python3 pywin32模块安装的详细步骤
2020/05/26 Python
HTML5网页录音和上传到服务器支持PC、Android,支持IOS微信功能
2019/04/26 HTML / CSS
分享全球十款超强HTML5开发工具
2014/05/14 HTML / CSS
欧洲领先的电子和电信零售商和服务提供商:Currys PC World Business
2017/12/05 全球购物
工程师岗位职责
2013/11/08 职场文书
业务主管岗位职责范本
2013/12/25 职场文书
管理信息系学生的自我评价
2014/01/11 职场文书
食品厂厂长岗位职责
2014/01/30 职场文书
《美丽的田园》教学反思
2014/03/01 职场文书
学生个人总结范文
2015/02/15 职场文书
小学语文新课改心得体会
2016/01/22 职场文书
在redisCluster中模糊获取key方式
2021/07/09 Redis
2021好看的国漫排行榜前十名 《完美世界》上榜,《元龙》排名第一
2022/03/18 国漫