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+css使DIV始终居于屏幕中间 左下 左上 右上 右下的代码集合
Mar 10 Javascript
jquery zTree异步加载简单实例分享
Feb 05 Javascript
JavaScript对表格或元素按文本,数字或日期排序的方法
May 26 Javascript
基于JS如何实现类似QQ好友头像hover时显示资料卡的效果(推荐)
Jun 09 Javascript
JavaScript判断浏览器对CSS3属性是否支持的多种方法
Nov 13 Javascript
性能优化之代码优化页面加载速度
Mar 01 Javascript
vue.js单页面应用实例的简单实现
Apr 10 Javascript
bootstrap 设置checkbox部分选中效果
Apr 20 Javascript
AngularJS折叠菜单实现方法示例
May 18 Javascript
在pycharm中开发vue的方法步骤
Mar 04 Javascript
Openlayers学习之地图比例尺控件
Sep 28 Javascript
利用JS判断元素是否为数组的方法示例
Jan 08 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
php中的登陆login
2007/01/18 PHP
PHP数组及条件,循环语句学习
2012/11/11 PHP
Twig模板引擎用法入门教程
2016/01/20 PHP
总结PHP中DateTime的常用方法
2016/08/11 PHP
PHP设计模式之建造者模式(Builder)原理与用法案例详解
2019/12/12 PHP
php获取小程序码的实现代码(B类接口)
2020/06/13 PHP
js程序中美元符号$是什么
2008/06/05 Javascript
js禁止document element对象选中文本实现代码
2013/03/21 Javascript
解决window.opener=null;window.close(),只支持IE6不支持IE7,IE8的问题
2014/01/14 Javascript
利用Jquery实现可多选的下拉框
2014/02/21 Javascript
NodeJS Web应用监听sock文件实例
2015/02/18 NodeJs
BootStrap日期控件在模态框中选择时间下拉菜单无效的原因及解决办法(火狐下不能点击)
2016/08/18 Javascript
Angular 2应用的8个主要构造块有哪些
2016/10/17 Javascript
老生常谈原生JS执行环境与作用域
2016/11/22 Javascript
微信小程序icon组件使用详解
2018/01/31 Javascript
解决vue 格式化银行卡(信用卡)每4位一个符号隔断的问题
2018/09/14 Javascript
node.js中path路径模块的使用方法实例分析
2020/02/13 Javascript
npx create-react-app xxx创建项目报错的解决办法
2020/02/17 Javascript
Python 内置函数complex详解
2016/10/23 Python
Python中extend和append的区别讲解
2019/01/24 Python
Python数据分析模块pandas用法详解
2019/09/04 Python
Python将列表中的元素转化为数字并排序的示例
2019/12/25 Python
python requests包的request()函数中的参数-params和data的区别介绍
2020/05/05 Python
一文解决django 2.2与mysql兼容性问题
2020/07/15 Python
临床医学专业毕业生的自我评价
2013/10/17 职场文书
在求职信中如何凸显个人优势
2013/10/30 职场文书
优秀毕业生事迹材料
2014/02/12 职场文书
竞选纪律委员演讲稿
2014/09/13 职场文书
大学学生会辞职信
2015/05/13 职场文书
学校运动会通讯稿
2015/07/18 职场文书
生日祝酒词大全
2015/08/10 职场文书
践行三严三实心得体会(2016推荐篇)
2016/01/06 职场文书
JS一分钟在github+Jekyll的博客中添加访问量功能的实现
2021/04/03 Javascript
不同品牌、不同型号对讲机如何互相通联
2022/02/18 无线电
CDPR谈《巫师》新作用虚幻5原因 称不会为Epic独占
2022/04/06 其他游戏
Nginx如何限制IP访问只允许特定域名访问
2022/07/23 Servers