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

高洛峰
Libérer: 2017-01-03 15:54:16
original
1668 Les gens l'ont consulté

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>
Copier après la connexion

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 !

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Recommandations populaires
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal