<!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. WPF在XAML中实现持续动画的暂停、恢复、停止

    1.动画通过EventTrigger监听按钮的FrameworkElement.Loaded事件,但控件载入时就进行动画, 持续动画通过<BeginStoryboard Name="y ...

  2. weblogic弱密码检测

    http://www.secbox.cn/hacker/tools/6252.html http://60.12.168.73:8088/console/login/LoginForm.jsp htt ...

  3. Flink--sink到kafka

    package com.flink.DataStream import java.util.Properties import org.apache.flink.api.common.serializ ...

  4. sublime text 自定义插件,自动插入署名,自定义插入日期,自动生成头部注释

    自动插入署名 菜单下面的 一.工具(tool)>新代码段(new snippet…) 看到以下代码 <snippet> <content><![CDATA[ Hel ...

  5. C#基础：委托之Action<T>和Func<T>的用法

  6. Ubuntu18.04上安装java

    安装java8 sudo add-apt-repository ppa:webupd8team/javasudo apt-get updatesudo apt-get install oracle-j ...

  7. POJ 2251 Dungeon Master （非三维bfs）

    Dungeon Master Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 55224   Accepted: 20493 ...

  8. php(apache)切换版本

    php(apache)切换版本 1.brew link php@7.1 2.上两行写入 ~/.bash_profile文件 3.source ~/.bash_profile 4.sudo vi /et ...

  9. bufferedwriter写json文件中文乱码

    需要用writer writer = new BufferedWriter(new OutputStreamWriter(new FileOutputStream(file),"utf-8& ...

  10. Supervisor进程管理&开机自启

    这几天在用supervisor管理爬虫和Flask, 每次都记不住命令,花点时间记录下. supervisor是一个进程管理工具,用来启动.停止.重启和监测进程.我用这个东西主要用来监测爬虫和Flas ...