각도 js에있는이 키워드는 유형 오류

Question

을 타겟으로하고 각도로 클릭했지만 jQuery없이 클릭하려는 요소를 표시합니다. 나는 각도에 새로운 오전

TypeError: this.querySelector is not a function.

:

$scope.hide = function() { 
    this.querySelector('ul').style.display = 'none' 
}; 

는하지만이 오류를 얻고있다. 내가 뭐 잘못하고 있니?

Answer 1

해당 함수 안에있는 this은 참조하는 것으로 생각하는 객체를 참조하지 않습니다 (디버깅 및/또는 로깅 시도). 나는 how the this keyword works in Javascript에 독서를 제안한다.

대신 document.querySelector을 찾고 있습니다.

어쨌든, 표시/숨기기를위한 "각도 방식"은 ngShow과 같은 지시문을 사용합니다. 예컨대 this 키워드는 객체에 대한 참조입니다 :

$scope.isVisible = true; 
$scope.hide = function() { $scope.isVisible = false; }; 

<div ng-show="isVisible">...</div> 

Answer 2

. 여기에는 객체가 없으므로 객체를 참조 할 필요가 없습니다. 그렇기 때문에 쿼리 선택기가 this이 정의되지 않은 함수가 아닌 이유입니다. 을 document으로 변경하십시오. 단지의 중복에 대한

Answer 3

$scope.hide = function() { 
    document.querySelector('ul').style.display = 'none' 
};