recherche

Maison >interface Web >js tutoriel >Copie de l'API AngularJS, explication détaillée et exemples

Copie de l'API AngularJS, explication détaillée et exemples

高洛峰
高洛峰original
2017-01-03 15:54:161669parcourir

Angular fournit une API qui peut copier des objets - copy(source,destination), qui effectuera une copie complète de l'objet source.

Vous devez faire attention aux points suivants lors de son utilisation :

S'il n'y a qu'un seul paramètre (aucun objet copié n'est spécifié), un objet de copie est renvoyé

Si la destination est spécifiée, l'objet sera copié en profondeur vers la destination

Si la source est nulle ou indéfinie, la source

sera renvoyée directement. Si la source est la destination, une erreur sera renvoyée. être signalé.

Jetons un coup d'œil aux exemples d'utilisation : 

<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深拷贝详解及实例

Ce qui précède est la collecte d'informations sur la copie profonde de l'API AngularJS , et nous continuerons à en ajouter d'autres plus tard. Informations connexes, merci pour votre soutien à ce site !

Pour des explications plus détaillées et des exemples de copie profonde de l'API AngularJS, veuillez faire attention au site Web PHP chinois !

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Explication détaillée de la copie superficielle et de la copie profonde en javascriptArticle suivant：Explication détaillée de la copie superficielle et de la copie profonde en javascript

Articles Liés

Voir plus