angular copy深度拷贝

来源：互联网发布：plsql导入sql文件命令编辑：程序博客网时间：2024/05/21 11:06

angular提供了一个可以复制对象的api——copy(source,destination)，它会对source对象执行深拷贝。

angular的操作实质是对dom的model进行操作，几乎所有的渲染都应放在model层。

<html ng-app="myApp">  <head>      <meta charset='utf-8'>      <script src="./angular.min.js"></script>    </head>  <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>  var app = angular.module('myApp', []);  app.controller('Controller', ['$scope', function($scope) {      $scope.master= {};         $scope.update = function(user) {        // Example with 1 argument        $scope.master= angular.copy(user);      };         $scope.reset = function() {        // Example with 2 arguments        angular.copy({}, $scope.user);//重置数据的层面放在此处，此处将一个空对象{}深拷贝到user中，可以根据需求放入原来的模型。      };         $scope.reset();  }]);  </script>  </html>

阅读全文

0 0