AngularJS API
API 意为 Application Programming Interface(应用程序编程接口)。
AngularJS 全局 API
AngularJS 全局 API 用于执行常见任务的 JavaScript 函数集合,如:
- 比较对象
- 迭代对象
- 转换对象
全局 API 函数使用 angular 对象进行访问。
以下列出了一些通用的 API 函数:
API | 描述 |
---|---|
angular.lowercase (<angular1.7) angular.$$lowercase()(angular1.7+) |
转换字符串为小写 |
angular.uppercase() (<angular1.7) angular.$$uppercase()(angular1.7+) |
转换字符串为大写 |
angular.isString() | 判断给定的对象是否为字符串,如果是返回 true。 |
angular.isNumber() | 判断给定的对象是否为数字,如果是返回 true。 |
注意:自 AngularJS 1.7 之后移除 angular.lowercase 和 angular.uppercase 方法, 改为 angular.$$lowercase 和 angular.$$uppercase
angular.lowercase()
实例
<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 = "RUNCODEX";
$scope.x2 = angular.$$lowercase($scope.x1);
});
</script>
尝试一下 »
angular.uppercase()
实例
<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 = "runcodex";
$scope.x2 = angular.$$uppercase($scope.x1);
});
</script>
尝试一下 »
angular.isString()
实例
<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 = "RUNCODEX";
$scope.x2 = angular.isString($scope.x1);
});
</script>
<p>{{ x1 }}</p>
<p>{{ x2 }}</p>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.x1 = "RUNCODEX";
$scope.x2 = angular.isString($scope.x1);
});
</script>
尝试一下 »
angular.isNumber()
实例
<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 = "RUNCODEX";
$scope.x2 = angular.isNumber($scope.x1);
});
</script>
<p>{{ x1 }}</p>
<p>{{ x2 }}</p>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.x1 = "RUNCODEX";
$scope.x2 = angular.isNumber($scope.x1);
});
</script>
尝试一下 »
不爱李雷的韩梅梅
227***1690@qq.com
参考地址
1、定义ng-app以及控制器,在输入框中填写值,x1和x2分别接收其大小写转换的值,并根据switch来判断true/false让其显示是否是字符串和数字
2、script内容:
尝试一下 »
不爱李雷的韩梅梅
227***1690@qq.com
参考地址
ECOMA
any***nglingren@sina.com
针对楼上说的angular.isNumber无效问题,解决可以使用如下方法:
尝试一下 »
ECOMA
any***nglingren@sina.com
runcodex
354***2899@qq.com
参考地址
Angular封装了一系列公共方法,帮助我们更简单的使用 JS。
1、angular.bind()
angular.bind 类似于 Function.prototype.bind,实现函数柯里化,返回一个函数代理。eg:
2、angular.bootstrap()
用于使用 angular 执行渲染元素。也是 angular 的启动方法,如果没有 在页面上指定ng-app,必须要手动调用该函数进行启动。
3、angular.copy()
Angular.copy 用于复制对象,由于 angular 的双向绑定特点,那么如果直接操作 $scope 对象,那么很容易就会改变 ui 的显示,这个时候就需要借助 angular.copy 来创建一个对象副本,并进行操作。
4、angular.element()
等价与 jQuery 的选择器,如果在 angular 之前没有引入 jQuery,那么就使用 jqLite 包装。
5、angular.equals()
用于比较两个对象是否相等,如下示例的规则和 JS 有区别,注意识别。
6、angular.extend()
功能上和 jQuery.extend 没多大差异:
7、angular.forEach()
angular.forEach 用于遍历对象或者数组,类似于 ES5 的 Array.prototype.forEach。
8、angular.fromJson()
angular.fromJson 将 JSON 字符串转换为 JSON 对象,注意,必须严格满足 JSON 格式,比如属性必须双引号,该函数内部实现是利用 JSON.parse()。
9、angular.toJson()
angular.toJson 可以将对象,数组,日期,字符串,数字转换为 json 字符串
10、angular.identity()
angular.identity 返回该函数参数的第一个值。编写函数式代码时,非常有用(待使用)。
11、angular.injector()
angular.injector 能够创建一个 injector 对象,可以用于检索 services 以及用于依赖注入。
12、angular.module()
13、angular.isArray()
angular.isArray 用于判断对象是不是数组,等价于 Array.isArray。
14、angular.isDate()
通过判断 toString.call(value) 是不是等于 '[object Date]' 来判断对象是个是一个 Date 对象。
15、angular.isDefined()
判断对象或者属性是否定义
16、angular.isElement()
此方法判断元素是不是一个元素(包含dom元素,或者jquery元素)
17、angular.isFunction()
此方法判断对象是不是一个 function ,等价于 typeof fn === 'function'
18、angular.isNumber()
判断是否为数字
19、angular.isObject()
判断是否为对象
20、angular.isString()
判断是否为字符串
21、angular.isUndefined()
判断变量是否未定义
22、angular.lowercase()
转换字符串为小写模式,如果参数不是字符串,那么原样返回
23、angular.uppercase()
转换字符串为大写模式,如果参数不是字符串,那么原样返回
24、angular.merge()
将多个对象进行深度复制,与extend()不同,merge将会递归进行深度拷贝。该拷贝是完全深拷贝,就连对象引用也不一样。
25、angular.noop()
一个空函数,调试时非常有用。可以避免 callback 未定义引发的 error。
26、angular.reloadWithDebugInfo()
启用 DebugInfo,该设置优先级高于 $compileProvider.debugInfoEnabled(false)
runcodex
354***2899@qq.com
参考地址
莫云海
129***0198@qq.com
针对1楼说的angular.isNumber无效问题,解决方法如下:
莫云海
129***0198@qq.com