首页 热点资讯 义务教育 高等教育 出国留学 考研考公
您的当前位置:首页正文

AngularJS的API如何使用

2020-11-27 来源:华拓网

这次给大家带来AngularJS的API如何使用,使用AngularJS的API注意事项有哪些,下面就是实战案例,一起来看一下。

基础

angular.bootstrap() 手动启动 AngularJS
angular.element() 包裹着一部分DOM element或者是HTML字符串,把它作为一个jQuery元素来处理。
angular.module() 创建,注册或检索 AngularJS 模块

JSON

angular.fromJson() 反?序列化 JSON 字符串
angular.toJson() ?序列化 JSON 字符串

比较

angular.isArray() 如果引用的是数组返回 true
angular.isDate() 如果引用的是日期返回 true
angular.isDefined() 如果引用的已定义返回 true
angular.isElement() 如果引用的是 DOM 元素返回 true
angular.isFunction() 如果引用的是函数返回 true
angular.isNumber() 如果引用的是数字返回 true
angular.isObject() 如果引用的是对象返回 true
angular.isString() 如果引用的是字符串返回 true
angular.isUndefined() 如果引用的未定义返回 true
angular.equals() 如果两个对象相等返回 true

转换

angular.lowercase() 将字符串转换为小写
angular.uppercase() 将字符串转换为大写
angular.copy() 数组或对象深度拷贝
angular.forEach() 对象或数组的迭代函数

angular.copy(source,destination) 深拷贝

需要复制一个数组或对象时,如直接使用$scope.user = $scope.master,会导致双方联动,因此应当采用$scope.user = angular.copy($scope.master)
使用时需要注意下面几点:

如果只有一个参数(没有指定拷贝的对象),则返回一个拷贝对象

如果指定了destination,则会深拷贝对象复制给destination

如果source是null或者undefined,那么会直接返回source

如果source就是desitination,那么会报错。

angular.forEach() 对象或数组的迭代

针对对象循环

var values = {name: 'misko', gender: 'male'};var log = [];
angular.forEach(values, function(value, key) { 
 this.push(key + ': ' + value);
}, log);

针对对象数组

var objs =[{a:1},{a:2}];angular.forEach(objs, function(data,index,array)
{//data等价于array[index]console.log(data.a+'='+array[index].a);});

相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

推荐阅读:

max-width和min-width的使用技巧

android textinput显示不全怎么解决

显示全文