angular.copy实例

最新推荐文章于 2018-01-29 14:05:07 发布

wjxbj

最新推荐文章于 2018-01-29 14:05:07 发布

阅读量141

点赞数

分类专栏： AngularJS 文章标签： angular.copy

本文链接：https://blog.csdn.net/wjxbj/article/details/84742575

版权

AngularJS 专栏收录该内容

85 篇文章 0 订阅

订阅专栏

test.html

<html>
<head>
	<title>angular.copy实例</title>
</head>
<body>
	<h1>angular.copy实例</h1>
	<div ng-controller="Controller">
	  <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 src="lib/angular/angular.js"></script>
	<script src="app.js"></script>
</body>
</html>

app.js

var app = angular.module('myModule', []);
app.controller('Controller', ['$scope', function($scope) {
    $scope.master= {};
 
    $scope.update = function(user) {
      // Example with 1 argument,将user拷贝至master
      $scope.master= angular.copy(user);
    };
 
    $scope.reset = function() {
      // Example with 2 arguments,将master拷贝至user
      angular.copy($scope.master, $scope.user);
    };
 
    $scope.reset();
}]);

angular.element(document).ready(function() {   
 angular.bootstrap(document,['myModule']);  
});

运行效果：