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!
이상 은 본문의 전체 내용 입 니 다.여러분 의 학습 에 도움 이 되 기 를 바 랍 니 다.여러분 도 저 희 를 많이 지지 해 주시 기 바 랍 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Angular에서 타사 스크립트 및 CSS 작업Angular 방식으로 회로도가 있는 외부 라이브러리를 추가하거나 모듈을 가져옵니다. Angular.json은 Angular 프로젝트의 모든 설정 파일이며 표준 JavaScript 및 CSS 파일과 함께 타사 라이브...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.