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 常用校验函数
Mar 26 Javascript
js 操作css实现代码
Jun 11 Javascript
JavaScript 联动的无限级封装类,数据采用非Ajax方式,随意添加联动
Jun 29 Javascript
JavaScript获取当前url根目录(路径)
Jun 17 Javascript
微信小程序 require机制详解及实例代码
Dec 14 Javascript
Vue中添加过渡效果的方法
Mar 16 Javascript
实例详解Vue项目使用eslint + prettier规范代码风格
Aug 20 Javascript
微信小程序整合使用富文本编辑器的方法详解
Apr 25 Javascript
vue+element项目中过滤输入框特殊字符小结
Aug 07 Javascript
微信小程序3D轮播实现代码
Sep 19 Javascript
javascript/jquery实现点击触发事件的方法分析
Nov 11 jQuery
js中Map和Set的用法及区别实例详解
Feb 15 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
如何分别全角和半角以避免乱码
2006/10/09 PHP
php+Mysqli利用事务处理转账问题实例
2015/02/11 PHP
显示js对象所有属性和方法的函数
2009/10/16 Javascript
js本身的局限性 别让javascript做太多事
2010/03/23 Javascript
ModelDialog JavaScript模态对话框类代码
2011/04/17 Javascript
js Event对象的5种坐标
2011/09/12 Javascript
20行代码实现的一个CSS覆盖率测试脚本
2013/07/07 Javascript
jQuery插件datalist实现很好看的input下拉列表
2015/07/14 Javascript
JavaScript数组合并的多种方法
2016/05/22 Javascript
jQuery实现查找链接文字替换属性的方法
2016/06/27 Javascript
谈谈因Vue.js引发关于getter和setter的思考
2016/12/02 Javascript
Bootstrap表单控件学习使用
2017/03/07 Javascript
微信小程序动态的加载数据实例代码
2017/04/14 Javascript
Vue-router路由判断页面未登录跳转到登录页面的实例
2017/10/26 Javascript
Nodejs实现多文件夹文件同步
2018/10/17 NodeJs
微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧滑动,右侧不动)
2019/01/23 Javascript
uniapp,微信小程序中使用 MQTT的问题
2020/07/11 Javascript
vue修改Element的el-table样式的4种方法
2020/09/17 Javascript
介绍Python的@property装饰器的用法
2015/04/28 Python
Python批量生成特定尺寸图片及图画任意文字的实例
2019/01/30 Python
使用Flask-Cache缓存实现给Flask提速的方法详解
2019/06/11 Python
ubuntu 安装pyqt5和卸载pyQt5的方法
2020/03/24 Python
python使用Thread的setDaemon启动后台线程教程
2020/04/25 Python
Python实现图片指定位置加图片水印(附Pyinstaller打包exe)
2021/03/04 Python
HTML5之SVG 2D入门9—蒙板及mask元素介绍与应用
2013/01/30 HTML / CSS
Europcar英国:英国汽车和货车租赁
2017/01/21 全球购物
公司JAVA开发面试题
2015/04/02 面试题
机械电子工程毕业生自荐信
2013/11/23 职场文书
保护动物倡议书
2014/04/15 职场文书
书法大赛策划方案
2014/06/04 职场文书
妈妈活动方案
2014/08/15 职场文书
三八妇女节超市活动方案
2014/08/18 职场文书
小学生春游活动方案
2014/08/20 职场文书
2014年房地产工作总结范文
2014/11/19 职场文书
财务总监岗位职责范本
2015/04/03 职场文书
李强感恩观后感
2015/06/17 职场文书