<!DOCTYPE html>
<html lang="en" ng-app="copyTest">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/angular.min.js"></script>
</head>
<body ng-controller="copyCon">
姓名:
<input type="text" ng-model="firstJson.name" /><br />
年龄:
<input type="number" ng-model="firstJson.age" /><br />
性别:
<input type="radio" value="male" name="sex" ng-model="firstJson.sex">男
<input type="radio" value="female" name="sex" ng-model="firstJson.sex">女<br />
<input type="button" value="清空" ng-click="init()">
<input type="button" value="copy" ng-click="copy(firstJson)">
<div>
<span>firstJson = {</span><br />
<span>"name":</span><span>{{firstJson.name}}</span><br />
<span>"age":</span><span>{{firstJson.age}}</span><br />
<span>"sex":</span><span>{{firstJson.sex}}</span><br />
<span>}</span><br />
<span>secondJson = {</span><br />
<span>"name":</span><span>{{secondJson.name}}</span><br />
<span>"age":</span><span>{{secondJson.age}}</span><br />
<span>"sex":</span><span>{{secondJson.sex}}</span><br />
<span>}</span>
</div>
<script>
angular.module('copyTest',[]).
controller('copyCon',function ($scope) {
$scope.firstJson = {};
$scope.init = function () {
//写方法一
$scope.firstJson = {};
$scope.secondJson = angular.copy($scope.firstJson);
};
$scope.$watch('firstJson',function () {
console.log($scope.firstJson);
},true);
$scope.copy = function (second) {
//写方法二
angular.copy(second,$scope.secondJson);
};
$scope.init();
})
</script>
</body>
</html>