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+xml自动生成表格的东西
Dec 21 Javascript
js null,undefined,字符串小结
Aug 21 Javascript
为什么要在引入的css或者js文件后面加参数的详细讲解
May 03 Javascript
jquery左右滚动焦点图banner图片鼠标经过显示上下页按钮
Oct 11 Javascript
jquery对象和javascript对象即DOM对象相互转换
Aug 07 Javascript
jQuery提示效果代码分享
Nov 20 Javascript
jQuery调用Webservice传递json数组的方法
Aug 06 Javascript
bootstrap监听滚动实现头部跟随滚动
Nov 08 Javascript
javascript如何用递归写一个简单的树形结构示例
Sep 06 Javascript
vue实现简单的MVVM框架
Aug 05 Javascript
详解bootstrap-fileinput文件上传控件的亲身实践
Mar 21 Javascript
浅谈关于vue中scss公用的解决方案
Dec 02 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的论坛(1)
2006/10/09 PHP
PHP新手NOTICE错误常见解决方法
2011/12/07 PHP
php导出word格式数据的代码实例
2013/11/25 PHP
Zend Framework上传文件重命名的实现方法
2016/11/25 PHP
详解Yii2 之 生成 URL 的方法
2017/06/16 PHP
php表单文件iframe异步上传实例讲解
2017/07/26 PHP
php实现session共享的实例方法
2019/09/19 PHP
javascript 去字符串空格终极版(支持utf8)
2009/11/14 Javascript
js字符编码函数区别分析
2011/12/28 Javascript
js获取 type=radio 值的方法
2014/05/09 Javascript
js+HTML5基于过滤器从摄像头中捕获视频的方法
2015/06/16 Javascript
微信JS-SDK坐标位置如何转换为百度地图坐标
2016/07/04 Javascript
input 标签实现输入框带提示文字效果(两种方法)
2017/10/09 Javascript
Vue工程模板文件 webpack打包配置方法
2017/12/26 Javascript
layer弹出层全屏及关闭方法
2018/08/17 Javascript
JavaScript设计模式之责任链模式实例分析
2019/01/16 Javascript
Jquery的Ajax技术使用方法
2019/01/21 jQuery
vue 解决文本框被键盘遮住的问题
2019/11/06 Javascript
vue实现单一筛选、删除筛选条件
2020/10/26 Javascript
详解Django中的权限和组以及消息
2015/07/23 Python
使用python存储网页上的图片实例
2018/05/22 Python
Python模拟浏览器上传文件脚本的方法(Multipart/form-data格式)
2018/10/22 Python
python实现nao机器人身体躯干和腿部动作操作
2019/04/29 Python
python爬虫租房信息在地图上显示的方法
2019/05/13 Python
简单了解python 邮件模块的使用方法
2019/07/24 Python
python如何通过闭包实现计算器的功能
2020/02/22 Python
python中把元组转换为namedtuple方法
2020/12/09 Python
英国健身仓库:Bodybuilding Warehouse
2019/03/06 全球购物
波兰电子产品购物网站:Vobis
2019/05/26 全球购物
《新型玻璃》教学反思
2014/04/13 职场文书
新闻传媒系求职信范文
2014/04/19 职场文书
房屋鉴定委托书范本
2014/09/23 职场文书
师范生免费教育协议书范本
2014/10/09 职场文书
学雷锋献爱心倡议书
2015/04/27 职场文书
Python selenium的这三种等待方式一定要会!
2021/06/10 Python
jdbc中自带MySQL 连接池实践示例
2022/07/23 MySQL