Unsupported Selector Lookup. Looking up elements via selectors is not supported by jqLite

Unsupported Selector Lookup. Looking up elements via selectors is not supported by jqLite.

  jQuery를 사용하지 않기 위해서 사용하기 시작한 AngularJS지만, 가끔씩 AngularJS가 필요할 때가 있다. AngularJS 프레임워크 내부에 jqLite를 포함하고 있기 때문에 $를 이용해서 element를 찾더라도 문제가 없는 경우가 태반이지만, 브라우저에 따라 $가 선언되어있지 않다며 에러를 내뱉는 경우도 왕왕 있다. 그럴때는 보통 angular.element를 이용해서 브라우저의 element를 가져오기 마련이다.

  하지만 이 기능을 사용하다보면, Unsupported Selector Lookup. Looking up elements via selectors is not supported by jqLite라는 오류가 출력되는 경우가 있다. 뭐냐면, 탐색한 결과 2개 이상의 element를 불러오는 경우에 이 오류가 발생한다. 예를들어 문서 내에서 class명으로 검색했을 때, 해당 클래스를 2개 이상 가지고 있는 경우가 이에 해당한다.

  이럴 경우에는 DOM의 querySelectAll을 이용하면, 2개 이상의 element를 가져올 수 있다. 사용법은 다음과 같다.

 
 angular.element(document.querySelectorAll('Query'));