• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >AngularJS > AngularJS中的API(接口)简单实现

AngularJS中的API(接口)简单实现

作者: 字体:[增加 减小] 来源:互联网 时间:2017-05-30

本文主要包含angularjs api,angularjs api中文,angularjs api下载,angularjs api文档,angularjs2.0 api等相关知识,希望在学习及工作中可以帮助到您

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>
</div>

 运行结果:

                  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>
</div>

 运行结果:

                 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>
</div>

 运行结果:

                 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>
</div>

 运行结果:

                 JOHN

                 false

 

 以上就是对AngularJS API(接口)资料的整理,后续继续补充,希望能帮助编程的同学。

</div>

您可能想查找下面的文章:

  • AngularJS API之copy深拷贝详解及实例
  • AngularJS 中文API参考手册
  • AngularJS中的API(接口)简单实现

相关文章

  • 2018-11-27Angular中状态管理
  • 2017-05-30Angular组件化管理实现方法分析
  • 2017-05-30利用AngularJs实现京东首页轮播图效果
  • 2017-05-30AngularJS转换响应内容
  • 2017-05-30AngularJS 依赖注入详解和简单实例
  • 2017-05-30详解AngularJS验证、过滤器、指令
  • 2017-05-30ANGULARJS中使用JQUERY分页控件
  • 2017-05-30AngularJS中update两次出现$promise属性无法识别的解决方法
  • 2017-05-30Angular.js中$apply()和$digest()的深入理解
  • 2017-05-30AngularJS基础 ng-mouseleave 指令详解

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • AngularJS中的过滤器使用详解
    • 详解angular2采用自定义指令(Directive)方式加载jquery插件
    • AngularJS中的表单简单入门
    • AngularJS教程 ng-style 指令简单示例
    • AngularJS Controller作用域
    • angular仿支付宝密码框输入效果
    • Angularjs中UI Router全攻略
    • AngularJS ng-blur 指令详解及简单实例
    • Angular 4.x 路由快速入门学习
    • Angularjs 基础入门

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有