Heim >Web-Frontend >js-Tutorial >Ausführliche Erklärung und Beispiele für die Deep-Copy-Kopie der AngularJS-API
Ausführliche Erklärung und Beispiele für die Deep-Copy-Kopie der AngularJS-API
- 高洛峰Original
- 2017-01-03 15:54:161670Durchsuche
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}}