首頁 > web前端 > js教程 > AngularJS API之copy深拷貝詳解及實例

AngularJS API之copy深拷貝詳解及實例

高洛峰
發布: 2017-01-03 15:54:16
原創
1675 人瀏覽過

angular提供了一個可以複製物件的api——copy(source,destination),它會對source物件執行深拷貝。

使用時需要注意下面幾點:

如果只有一個參數(沒有指定拷貝的物件),則傳回一個拷貝物件

如果指定了destination,則會深拷貝物件複製給destination

如果指定了destination,則會深拷貝物件複製給destination

如果是null或undefined,那麼會直接回傳source

如果source就是desitination,那麼就會報錯。

下面看看使用範例:AngularJS API之copy深拷贝详解及实例

<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <script src="http://apps.bdimg.com/libs/angular.js/1.2.16/angular.min.js"></script>
</head>
<body ng-app="copyExample">
  <div ng-controller="ExampleController">
    <form novalidate class="simple-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 class="brush:php;toolbar:false">form = {{user | json}}
master = {{master | json}}
<script> angular.module(&#39;copyExample&#39;, []) .controller(&#39;ExampleController&#39;, [&#39;$scope&#39;, function($scope) { $scope.master= {}; var test1; console.log(angular.copy(test1));//undefined var test3=null; console.log(angular.copy(test2));//undefined var test2 = "a"; // console.log(angular.copy(test2,test2));//error!! $scope.update = function(user) { // Example with 1 argument $scope.master= angular.copy(user); }; $scope.reset = function() { // Example with 2 arguments angular.copy($scope.master, $scope.user); console.log($scope.master); console.log($scope.user); }; $scope.reset(); }]); </script>
登入後複製

以上就是對AngularJS API之copy深拷貝的資料整理,後續繼續補充相關資料,謝謝大家對本站的支持!

🎜更多AngularJS API之copy深拷貝詳解及實例相關文章請關注PHP中文網! 🎜
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門推薦
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板