AngularJS中的API(接口)简单实现
- 作者: 凹凸欧巴
- 来源: 51数据库
- 2021-08-28
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://www.51sjk.com/Upload/Articles/1/0/268/268339_20210708023635168.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://www.51sjk.com/Upload/Articles/1/0/268/268339_20210708023635168.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://www.51sjk.com/Upload/Articles/1/0/268/268339_20210708023635168.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://www.51sjk.com/Upload/Articles/1/0/268/268339_20210708023635168.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(接口)资料的整理,后续继续补充,希望能帮助编程的同学。
推荐阅读
热点文章
Angular中响应式表单的三种更新值方法详析
7
Angularjs实现下拉框联动的示例代码
7
详解AngularJS跨页面传值(ui-router)
2
详解AngularJS1.x学习directive 中‘& ’‘=’ ‘@’符号的区别使用
3
angular2路由切换改变页面title的示例代码
4
Angular2 组件间通过@Input @Output通讯示例
5
Angularjs中ng-repeat的简单实例
3
AngularJS 中ui-view传参的实例详解
4
浅谈Angular路由守卫
4
详解基于Angular4+ server render(服务端渲染)开发教程
4