欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

AngularJS的API如何使用

程序员文章站 2022-03-25 12:20:20
...
这次给大家带来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);});

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

推荐阅读:

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

android textinput显示不全怎么解决

以上就是AngularJS的API如何使用的详细内容,更多请关注其它相关文章!