<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>angular.copy</title>

    </head>

    <body ng-app="copyExample">

        <h1>angular.copy</h1>

        <p>

            <span>描述：</span><br />

            <span>复制一个对象或者数组</span>

        </p>

        <p>

            <span>使用方法：</span><br />

            <span>angular.copy(source, [destination])</span>

        </p>

        <p>

            <span>参数：</span><br />

            <span>source: 被copy的对象，可以使用任意类型，包括null和undefined</span><br />

            <span>destination(optional)：Object || array，copy去的目的地可以省略，如果不省略，其必须和source是同类</span><br />

        </p>

        <p>

            <span>返回值：</span><br />

            <span>返回这个应用程序的新创建的injector（注入）对象</span>

        </p>

        <hr />

        <div ng-controller="exampleController">

            <form novalidate class="siple_form">

                姓名：<input type="text" ng-model="user.name"/><br />

                邮箱：<input type="email" ng-model="user.email"/>(输入email格式)<br />

                性别：<input type="radio" ng-model="user.gender" value="boy"/>男

                <input type="radio" ng-model="user.gender" value="girl"/>女<br />

                <button ng-click="reset()">reset</button>

                <button ng-click="save(user)">save</button>

            </form>

            <pre>form = {{user | json}}</pre>

            <pre>master = {{master | json}}</pre>

        </div>

    </body>

    <script src="../../js/angular.1.3.0.js" type="text/javascript" charset="utf-8"></script>

    <script type="text/javascript">

        angular.module('copyExample', []).controller('exampleController', ['$scope', function($scope){

            $scope.master = {};

            $scope.save = function(user){

                //console.log('保存')

                $scope.master = angular.copy(user)

            };

            $scope.reset = function(){

                //console.log('重置')

                angular.copy($scope.master, $scope.user)

            }

            $scope.reset();

        }])

    </script>

</html>

angular.copy()的更多相关文章

  1. angular.extend()和 angular.copy()的区别

    1.angular.copy angular.copy(source, [destination]);  // source: copy的对象. 可以使任意类型, 包括null和undefined. ...

  2. AngularJs angular.bind、angular.bootstrap、angular.copy

    angular.bind 返回一个调用self的函数fn(self代表fn里的this).可以给fn提供参数args(*).这个功能也被称为局部操作,以区别功能. 格式:angular.bind(se ...

  3. angular.js 的angular.copy 、 angular.extend 、 angular.merge

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  4. Angular - - angular.bind、angular.bootstrap、angular.copy

    angular.bind 返回一个调用self的函数fn(self代表fn里的this).可以给fn提供参数args(*).这个功能也被称为局部操作,以区别功能. 格式:angular.bind(se ...

  5. angular.copy(source, destination)

    angular.copy(source, destination)只有1个参数,返回source的深拷贝有2个参数source的深拷贝复制给destination

  6. angular : copy vs extend

    While using AngularJS, we come across some situation in which we need to copy one object to another ...

  7. AngularJS方法 —— angular.copy

    描述: 复制一个对象或者一个数组(好吧,万物皆对象,数组也是一个对象). 如果省略了destination,一个新的对象或数组将会被创建出来: 如果提供了destination,则source对象中的 ...

  8. angular JS中 ‘=’与angular.copy的区别

    先来看代码: <b>{{test1}}</b> <input type="text" ng-model="test2" title ...

  9. angular.extend vs angular.copy

    1.angular.copy angular.copy(source, [destination]);  // source: copy的对象. 可以使任意类型, 包括null和undefined. ...

随机推荐

  1. maven安装和eclipse集成

    maven作为一个项目构建工具,在开发的过程中很受欢迎,可以帮助管理项目中的bao依赖问题,另外它的很多功能都极大的减少了开发的难度,下面来介绍maven的安装及与eclipse的集成. maven的 ...

  2. 2016-06-18 exshop第四天

    昨天本来想完成用asset-pipeline替换掉resource插件的工作,但由于进行了对spring security插件的文档解读,同时面试了4个人,每个人耗费了30分钟,并且公司下午4:30组 ...

  3. python 格式话-占位符

    格式化输出:name = qjage = 30job = itsalary = 6000例1:字符串拼接方法,不建议,因为会在内存中开辟多块内存空间. info = '''---------- inf ...

  4. UOJ#351. 新年的叶子 概率期望

    原文链接https://www.cnblogs.com/zhouzhendong/p/UOJ351.html 题目传送门 - UOJ351 题意 有一个 n 个节点的树,每次涂黑一个叶子节点(度为 1 ...

  5. js获取元素提示信息

    js获取元素提示信息 var date=$("#date").attr('placeholder'); js修改元素的提示信息 $("#date").attr( ...

  6. VS2013 FFmpeg开发环境配置

    1.下载ffmpeg包(dll.include.lib)   https://ffmpeg.zeranoe.com/builds/         有3个版本:Static.Shared和Dev St ...

  7. 用greenlet实现协程消费者生产者

    代码: from greenlet import greenlet import random def pro(): 生产者 while True: item = random.randint(0,9 ...

  8. Codeforces 633C Spy Syndrome 2 【Trie树】+【DFS】

    <题目链接> 题目大意:给定一个只有小写字母组成的目标串和m个模式串(里面可能有大写字母),记目标串反过来后的串为S,让你从m个模式串中选出若干个组成S串(不区分大小写).输出任意一种方案 ...

  9. c++基本数据类型及其取值范围

    #include<iostream> #include<string> #include <limits> using namespace std; int mai ...

  10. CLR Via第一 章 知识点整理（4） FCL、CTS、CLI和CLS

    FCL(Framework Class Library) Framework 类库: FCL是 .net Framework 包含的一组DLL程序集的统称,FCL包含了提供了很多功能,关于这一部分没有 ...