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 显示当前系统时间代码
Dec 28 Javascript
jquery $.ajax()取xml数据的小问题解决方法
Nov 20 Javascript
禁用键盘上的(全局)指定键兼容iE、Chrome、火狐
May 14 Javascript
JQueryiframe页面操作父页面中的元素与方法(实例讲解)
Nov 19 Javascript
js函数调用的方式
May 06 Javascript
在HTML代码中使用JavaScript代码的例子
Oct 16 Javascript
JS烟花背景效果实现方法
Mar 03 Javascript
jquery实现最简单的滑动菜单效果代码
Sep 12 Javascript
js前端解决跨域问题的8种方案(最新最全)
Nov 18 Javascript
el表达式 写入bootstrap表格数据页面的实例代码
Jan 11 Javascript
javascript使用substring实现的展开与收缩文字功能示例
Jun 17 Javascript
快速解决vue2+vue-cli3项目ie兼容的问题
Nov 17 Vue.js
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中定时计划任务的实现原理
2013/01/08 PHP
深入理解curl类,可用于模拟get,post和curl下载
2013/06/08 PHP
通过php修改xml文档内容的方法
2015/01/23 PHP
php实现TCP端口检测的方法
2015/04/01 PHP
jquery的相对父元素和相对文档定位示例代码
2013/08/02 Javascript
JS和JQUERY获取页面大小,滚动条位置,元素位置(示例代码)
2013/12/14 Javascript
jquery+css3打造一款ajax分页插件(自写)
2014/06/18 Javascript
JavaScript常用脚本汇总(三)
2015/03/04 Javascript
JQuery分屏指示器图片轮换效果实例
2015/05/21 Javascript
一句jQuery代码实现返回顶部效果(简单实用)
2016/12/28 Javascript
jQuery对table表格进行增删改查
2020/12/22 Javascript
javascript与PHP动态往类中添加方法对比
2018/03/21 Javascript
微信小程序外卖选购页实现切换分类与数量加减功能案例
2019/01/15 Javascript
解决VueCil代理本地proxytable无效报错404的问题
2020/11/07 Javascript
[58:54]EG vs RNG 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
Python中逗号的三种作用实例分析
2015/06/08 Python
python连接数据库的方法
2017/10/19 Python
Ubuntu下使用Python实现游戏制作中的切分图片功能
2018/03/30 Python
python 函数内部修改外部变量的方法
2018/12/18 Python
opencv python 图像轮廓/检测轮廓/绘制轮廓的方法
2019/07/03 Python
python 求某条线上特定x值或y值的点坐标方法
2019/07/09 Python
在Python中预先初始化列表内容和长度的实现
2019/11/28 Python
python单向循环链表原理与实现方法示例
2019/12/03 Python
关于python 的legend图例,参数使用说明
2020/04/17 Python
Python读取ini配置文件传参的简单示例
2021/01/05 Python
python中if嵌套命令实例讲解
2021/02/25 Python
HTML5对比HTML4的主要改变和改进总结
2016/05/27 HTML / CSS
新西兰第一的行李箱网站:luggage.co.nz
2019/07/22 全球购物
俄罗斯便宜的在线服装商店:GroupPrice
2020/04/10 全球购物
公司业务主管岗位职责
2013/12/07 职场文书
美容师的职业规划书
2013/12/27 职场文书
事业单位公务员的职业生涯规划
2014/01/15 职场文书
《画家乡》教学反思
2014/04/22 职场文书
奥巴马开学演讲稿
2014/05/15 职场文书
农村党支部书记四风问题个人对照检查材料
2014/09/21 职场文书
电脑开机弹出documents文件夹怎么回事?弹出documents文件夹解决方法
2022/04/08 数码科技