> 웹 프론트엔드 > JS 튜토리얼 > AngularJS API 복사 딥 카피 자세한 설명 및 예제

AngularJS API 복사 딥 카피 자세한 설명 및 예제

高洛峰
풀어 주다: 2017-01-03 15:54:16
원래의
1702명이 탐색했습니다.

Angular는 객체를 복사할 수 있는 API(소스 객체의 전체 복사를 수행하는 copy(source,destination))를 제공합니다.

사용 시 다음 사항에 주의해야 합니다.

매개변수가 하나만 있는 경우(복사된 개체를 지정하지 않은 경우) 복사 개체를 반환합니다

대상이 지정되면 개체가 대상에 깊게 복사됩니다

. 소스가 null이거나 정의되지 않은 경우 소스

가 직접 반환됩니다. 보고됩니다.

사용예를 살펴보겠습니다.

<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 Deep Copy에 대한 정보를 모은 것입니다. , 관련 내용은 추후 계속 추가하겠습니다. 이 사이트를 이용해 주셔서 감사합니다!

AngularJS API 딥카피에 대한 더 자세한 설명과 예시는 PHP 중국어 홈페이지를 참고해주세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 추천
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿