Heim > Web-Frontend > js-Tutorial > Hauptteil

Ausführliche Erklärung und Beispiele für die Deep-Copy-Kopie der AngularJS-API

高洛峰
Freigeben: 2017-01-03 15:54:16
Original
1646 Leute haben es durchsucht

Angular bietet eine API, die Objekte kopieren kann – copy(source,destination), die eine tiefe Kopie des Quellobjekts durchführt.

Bei der Verwendung müssen Sie folgende Punkte beachten:

Wenn nur ein Parameter vorhanden ist (kein kopiertes Objekt angegeben ist), wird ein Kopierobjekt zurückgegeben

Wenn das Ziel angegeben ist, wird das Objekt tief in das Ziel kopiert.

Wenn die Quelle null oder undefiniert ist, wird die Quelle

direkt zurückgegeben. Wenn die Quelle das Ziel ist, wird ein Fehler angezeigt gemeldet werden.

Werfen wir einen Blick auf die Anwendungsbeispiele:

<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>
Nach dem Login kopieren

AngularJS API之copy深拷贝详解及实例

Das Obige ist die Sammlung von Informationen zum Kopieren tiefer Kopien der AngularJS-API , und wir werden später weitere verwandte Informationen hinzufügen. Vielen Dank für Ihre Unterstützung dieser Website!

Ausführlichere Erklärungen und Beispiele für Deep Copy der AngularJS-API finden Sie auf der chinesischen PHP-Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!