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 相关文章推荐
ECMAScript 基础知识
Jun 29 Javascript
Jquery中getJSON在asp.net中的使用说明
Mar 10 Javascript
JavaScript 函数replace深入了解
Mar 14 Javascript
jQuery动画效果-fadeIn fadeOut淡入浅出示例代码
Aug 28 Javascript
jQuery插件 selectToSelect使用方法
Oct 02 Javascript
浅谈javascript中onbeforeunload与onunload事件
Dec 10 Javascript
Javascript点击按钮随机改变数字与其颜色
Sep 01 Javascript
jQuery源码分析之init的详细介绍
Feb 13 Javascript
Vue 多层组件嵌套二种实现方式(测试实例)
Sep 08 Javascript
微信小程序上线发布流程图文详解
May 06 Javascript
小程序使用watch监听数据变化的方法详解
Sep 20 Javascript
原生JS实现天气预报
Jun 16 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 extract 将数组拆分成多个变量的函数
2010/06/30 PHP
php的ajax框架xajax入门与试用介绍
2010/12/19 PHP
PHP附件下载中文名称乱码的解决方法
2015/12/17 PHP
PHP实现补齐关闭的HTML标签
2016/03/22 PHP
PHP 7安装使用体验之性能大提升,兼容性强,扩展支持不够(升级PHP要谨慎)
2017/07/27 PHP
PHP基于IMAP收取邮件的方法示例
2017/08/07 PHP
javascript继承之为什么要继承
2012/11/10 Javascript
javascript判断非数字的简单例子
2013/07/18 Javascript
Jquery插件easyUi表单验证提交(示例代码)
2013/12/30 Javascript
JavaScript设置body高度为浏览器高度的方法
2015/02/09 Javascript
js实现点击按钮后给Div图层设置随机背景颜色的方法
2015/05/06 Javascript
基于JavaScript实现div层跟随滚动条滑动
2016/01/12 Javascript
漂亮! js实现颜色渐变效果
2016/08/12 Javascript
详解JavaScript数组过滤相同元素的5种方法
2017/05/23 Javascript
Rollup处理并打包JS文件项目实例代码
2018/05/31 Javascript
JS实现网站吸顶条
2020/01/08 Javascript
vue props 一次传多个值实例
2020/07/22 Javascript
JS pushlet XMLAdapter适配器用法案例解析
2020/10/16 Javascript
vue动态设置路由权限的主要思路
2021/01/13 Vue.js
[00:12]DAC SOLO赛卫冕冠军 VG.Paparazi灬展现SOLO技巧
2018/04/06 DOTA
python脚本实现分析dns日志并对受访域名排行
2014/09/18 Python
用Python中的字典来处理索引统计的方法
2015/05/05 Python
编写Python CGI脚本的教程
2015/06/29 Python
Python中的descriptor描述器简明使用指南
2016/06/02 Python
python基于twisted框架编写简单聊天室
2018/01/02 Python
python实现类之间的方法互相调用
2018/04/29 Python
详解Python读取yaml文件多层菜单
2019/03/23 Python
Python3批量移动指定文件到指定文件夹方法示例
2019/09/02 Python
tensorboard显示空白的解决
2020/02/15 Python
Python 3.9的到来到底是意味着什么
2020/10/14 Python
python利用文件时间批量重命名照片和视频
2021/02/09 Python
企业申诉管理制度
2014/01/30 职场文书
员工激励培训演讲稿
2014/09/16 职场文书
2017年寒假少先队活动总结
2016/04/06 职场文书
当你焦虑迷茫时,请读读这6句话
2019/07/24 职场文书
盘点2020年适合农村地区创业的项目
2019/10/16 职场文书