AngularJS API之copy深拷贝详解及实例


Posted in Javascript onSeptember 14, 2016

angular提供了一个可以复制对象的api——copy(source,destination),它会对source对象执行深拷贝。

使用时需要注意下面几点:

  1. 如果只有一个参数(没有指定拷贝的对象),则返回一个拷贝对象
  2. 如果指定了destination,则会深拷贝对象复制给destination
  3. 如果source是null或者undefined,那么会直接返回source
  4. 如果source就是desitination,那么会报错。

下面看看使用样例:

<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <script src="http://apps.bdimg.com/libs/angular.js/1.2.16/angular.min.js"></script>
</head>
<body ng-app="copyExample">
  <div ng-controller="ExampleController">
    <form novalidate class="simple-form">
      Name: <input type="text" ng-model="user.name" /><br />
      E-mail: <input type="email" ng-model="user.email" /><br />
      Gender: 
      <input type="radio" ng-model="user.gender" value="male" />
      male
      <input type="radio" ng-model="user.gender" value="female" />
      female
      <br />
      <button ng-click="reset()">RESET</button>
      <button ng-click="update(user)">SAVE</button>
    </form>
    <pre>form = {{user | json}}</pre>
    <pre>master = {{master | json}}</pre>
  </div>

  <script>
  angular.module('copyExample', [])
  .controller('ExampleController', ['$scope', function($scope) {
    $scope.master= {};
    
    var test1;
    console.log(angular.copy(test1));//undefined
    var test3=null;
    console.log(angular.copy(test2));//undefined

    var test2 = "a";
    // console.log(angular.copy(test2,test2));//error!!

    $scope.update = function(user) {
      // Example with 1 argument
      $scope.master= angular.copy(user);
    };

    $scope.reset = function() {
      // Example with 2 arguments
      angular.copy($scope.master, $scope.user);
      console.log($scope.master);
      console.log($scope.user);
    };

    $scope.reset();
  }]);
  </script>
</body>
</html>

AngularJS API之copy深拷贝详解及实例

以上就是对AngularJS API之copy深拷贝的资料整理,后续继续补充相关资料,谢谢大家对本站的支持!

Javascript 相关文章推荐
JavaScript面向对象编程
Mar 02 Javascript
你必须知道的JavaScript 变量命名规则详解
May 07 Javascript
JS数组(Array)处理函数整理
Dec 07 Javascript
JavaScript原生对象之Number对象的属性和方法详解
Mar 13 Javascript
JQuery日历插件My97DatePicker日期范围限制
Jan 20 Javascript
AngularJS指令用法详解
Nov 02 Javascript
微信小程序 UI与容器组件总结
Feb 21 Javascript
js+canvas实现动态吃豆人效果
Mar 22 Javascript
Javascript中prototype与__proto__的关系详解
Mar 11 Javascript
WebPack配置vue多页面的技巧
May 15 Javascript
webpack4.x CommonJS模块化浅析
Nov 09 Javascript
基于iview的router常用控制方式
May 30 Javascript
AngularJS $injector 依赖注入详解
Sep 14 #Javascript
详解XMLHttpRequest(二)响应属性、二进制数据、监测上传下载进度
Sep 14 #Javascript
详解XMLHttpRequest(一)同步请求和异步请求
Sep 14 #Javascript
AngularJs ng-route路由详解及实例代码
Sep 14 #Javascript
js实现文字截断功能
Sep 14 #Javascript
jQuery版AJAX简易封装代码
Sep 14 #Javascript
原生JS实现首页进度加载动画
Sep 14 #Javascript
You might like
PHP 采集程序 常用函数
2008/12/18 PHP
从wamp到xampp的升级之路
2015/04/08 PHP
浅谈PHP中的错误处理和异常处理
2017/02/04 PHP
学习jquery之一
2007/04/27 Javascript
用dom+xhtml+css制作的一个相册效果代码打包下载
2008/01/24 Javascript
javascript中最常用的继承模式 组合继承
2010/08/12 Javascript
Flexigrid在IE下不显示数据的有效处理方法
2014/09/04 Javascript
BootStrap实用代码片段之一
2016/03/22 Javascript
Javascript单例模式的介绍和实例
2016/10/08 Javascript
js关于getImageData跨域问题的解决方法
2016/10/14 Javascript
Bootstrap模态框水平垂直居中与增加拖拽功能
2016/11/09 Javascript
javascript基础练习之翻转字符串与回文
2017/02/20 Javascript
基于Vue实现tab栏切换内容不断实时刷新数据功能
2017/04/13 Javascript
angularjs性能优化的方法
2018/09/05 Javascript
vue弹窗组件的实现示例代码
2018/09/10 Javascript
Vue scrollBehavior 滚动行为实现后退页面显示在上次浏览的位置
2019/05/27 Javascript
node获取客户端ip功能简单示例
2019/08/24 Javascript
Vue两个版本的区别和使用方法(更深层次了解)
2020/02/16 Javascript
[03:14]DOTA2斧王 英雄基础教程
2013/11/26 DOTA
[00:48]完美“圣”典2016风云人物:xiao8宣传片
2016/11/30 DOTA
Python统计列表中的重复项出现的次数的方法
2014/08/18 Python
Python中的pass语句使用方法讲解
2015/05/14 Python
python内置数据类型之列表操作
2018/11/12 Python
python的mysql数据库建立表与插入数据操作示例
2019/09/30 Python
python中怎么表示空值
2020/06/19 Python
django rest framework使用django-filter用法
2020/07/15 Python
scrapy-splash简单使用详解
2021/02/21 Python
Johnston & Murphy官网: 约翰斯顿·墨菲牛津总统鞋
2018/01/09 全球购物
艺术专业大学生自我评价
2013/09/22 职场文书
应用心理学个人求职信范文
2013/12/11 职场文书
书香校园活动方案
2014/02/28 职场文书
中考冲刺决心书
2014/03/11 职场文书
联谊会主持词
2014/03/26 职场文书
先进党员事迹材料
2014/12/24 职场文书
公文格式,规则明细(新手收藏)
2019/07/23 职场文书
对Golang中的FORM相关字段理解
2021/05/02 Golang