angular.extend 방법의 구체 적 인 사용

2973 단어 angularextend
AngularJs 의 angular.extend()방법 은 하나 이상 의 대상 중의 방법 과 속성 을 하나의 목적 대상 으로 확장 하여 이 대상 이 다른 대상 과 같은 방법 과 속성 을 가지 게 할 수 있다.아래 그림 과 같다.

angular.extends()방법의 첫 번 째 매개 변 수 는 확 장 될 대상 이 고 그 다음 에 하나 이상 의 대상 으로 전 달 될 수 있 습 니 다.
대상 의 상 태 를 저장 하려 면 angular.copy()방법 외 에 도 빈 대상(곶)을 첫 번 째 대상 으로 전송 할 수 있 습 니 다.
그러나 주의해 야 할 것 은 angular.extends()는 비 재 귀적 이다.즉,확 장 된 속성 에 대상 이 있다 면 두 사람 은 같은 대상 을 동시에 인용 하 는 것 이다!
아래 의 이 예 는 이 견 해 를 실증 하 였 다.

<!DOCTYPE html> 
<html ng-app="extendApp"> 
<head> 
  <meta charset="UTF-8"> 
  <title></title> 
 
  <script src="../js/angular.js"></script> 
  <script type="text/javascript"> 
    angular.module("extendApp", []) 
        .controller("extendController", function($scope) 
        { 
          $scope.baby = 
          { 
            cry : function() 
            { 
              console.log("I can only cry!"); 
            } 
          } 
 
          $scope.adult = 
          { 
            earn : function() 
            { 
              console.log("I can earn money!"); 
            }, 
 
            lover: 
            { 
              love:function() 
              { 
                console.log("I love you!"); 
              } 
            } 
          } 
 
          $scope.human = {} 
 
          $scope.hehe = "hehe "; 
 
          $scope.extend = function() 
          { 
            angular.extend($scope.human, $scope.baby, $scope.adult); 
            $scope.human.cry(); 
            $scope.human.earn(); 
 
            <!--   ,     lover   love()  ,  extends()        ,$scope.human 
              $scope.adult           --> 
            $scope.human.lover.love = function() 
            { 
              console.log("I hate you!"); 
            } 
 
            <!--        “I hate you !",   adult  , 
                 lover    human! --> 
            $scope.human.lover.love(); 
            $scope.adult.lover.love(); 
 
 
          } 
        }); 
  </script> 
</head> 
<body> 
 
<div ng-controller="extendController"> 
 
  <button ng-click="extend()">   !</button> 
 
</div> 
</body> 
</html> 
콘 솔 의 인쇄 결 과 는 다음 과 같 습 니 다.
I can only cry! 
I can earn money! 
I hate you! 
I hate you! 
이상 은 본문의 전체 내용 입 니 다.여러분 의 학습 에 도움 이 되 기 를 바 랍 니 다.여러분 도 저 희 를 많이 지지 해 주시 기 바 랍 니 다.

좋은 웹페이지 즐겨찾기