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中String类的subString()方法和slice()方法
May 24 Javascript
js中判断Object、Array、Function等引用类型对象是否相等
Aug 29 Javascript
jQuery学习笔记 更改jQuery对象
Sep 19 Javascript
JS中for循序中延迟加载动态效果的具体实现
Aug 18 Javascript
javascript的动态加载、缓存、更新以及复用(一)
Jun 09 Javascript
js使用for循环与innerHTML获取选中tr下td值
Sep 26 Javascript
基于JavaScript代码实现随机漂浮图片广告
Jan 05 Javascript
Bootstrap每天必学之导航组件
Apr 25 Javascript
JavaScript ES5标准中新增的Array方法
Jun 28 Javascript
Angular通过angular-cli来搭建web前端项目的方法
Jul 27 Javascript
JS实现点击下拉菜单把选择的内容同步到input输入框内的实例
Jan 23 Javascript
vue中使用protobuf的过程记录
Oct 26 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
ECMall支持SSL连接邮件服务器的配置方法详解
2014/05/19 PHP
php导入excel文件到mysql数据库的方法
2015/01/14 PHP
使用 PHPStorm 开发 Laravel
2015/03/24 PHP
Yii2中DropDownList简单用法示例
2016/07/18 PHP
jquery remove方法应用详解
2012/11/22 Javascript
最好用的省市二级联动 原生js实现你值得拥有
2013/09/22 Javascript
jquery无法设置checkbox选中即没有变成选中状态
2014/03/27 Javascript
基于javascript实现图片切换效果
2016/04/17 Javascript
BootStrap 智能表单实战系列(二)BootStrap支持的类型简介
2016/06/13 Javascript
JavaScript 随机验证码的生成实例代码
2016/09/22 Javascript
详解Javascript函数声明与递归调用
2016/10/22 Javascript
JS 终止执行的实现方法
2016/11/24 Javascript
javascript设计模式之Adapter模式【适配器模式】实现方法示例
2017/01/13 Javascript
简单的vuex 的使用案例笔记
2018/04/13 Javascript
详解node Async/Await 更好的异步编程解决方案
2018/05/10 Javascript
微信小程序实现留言功能
2018/10/31 Javascript
详解vue中使用微信jssdk
2019/04/19 Javascript
[07:38]2014DOTA2国际邀请赛 Newbee顺利挺进胜者组赛后专访
2014/07/15 DOTA
[51:07]VGJ.S vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
详解将Django部署到Centos7全攻略
2018/09/26 Python
django+tornado实现实时查看远程日志的方法
2019/08/12 Python
python实现银行管理系统
2019/10/25 Python
Python Django2.0集成Celery4.1教程
2019/11/19 Python
在Python中预先初始化列表内容和长度的实现
2019/11/28 Python
捷克移动配件网上商店:ProMobily.cz
2019/03/15 全球购物
在加拿大在线租赁和购买电子游戏:Game Access
2019/09/02 全球购物
请解释接口的显式实现有什么意义
2012/05/26 面试题
const和static readonly区别
2013/05/20 面试题
部队领导证婚词
2014/01/12 职场文书
班级团队活动方案
2014/08/14 职场文书
向国旗敬礼学生寄语大全
2014/09/30 职场文书
政风行风评议心得体会
2014/10/21 职场文书
2015年建党94周年演讲稿
2015/03/19 职场文书
高校自主招生教师推荐信
2015/03/23 职场文书
2015年污水处理厂工作总结
2015/05/26 职场文书
vue 把二维或多维数组转一维数组
2022/04/24 Vue.js