jqLite를 사용하여 클래스 이름으로 요소를 선택하는 방법은 무엇입니까?

더 가볍게 만들기 위해 Angular.js 앱에서 jquery를 제거하고 대신 Angular의 jqLite를 넣으려고합니다. 그러나 앱은 jqLite에서 지원하지 않는 find ( '# id') 및 find ( '. classname')를 많이 사용하고 '태그 이름'(문서에 따라) 만 사용합니다.

그것을 바꾸는 가장 좋은 접근 방식이 무엇이라고 생각하는지 궁금했습니다. 내가 생각한 한 가지 접근 방식은 사용자 정의 HTML 태그를 만드는 것입니다. 예 : 변경
<span class="btn btn-large" id="add-to-bag">Add to bag</span>

에

<a2b style="display:none;"><span class="btn btn-large" >Add to bag</span></a2b>

과

$element.find('#add-to-bag') 

에

$element.find('a2b')

이견있는 사람? 다른 아이디어?

감사

Lior

본질적으로 @ kevin-b가 언급 한대로 :

// find('#id')
angular.element(document.querySelector('#id'))

//find('.classname'), assumes you already have the starting elem to search from
angular.element(elem.querySelector('.classname'))

참고 : 컨트롤러에서이 작업을 수행하려는 경우 개발자 가이드의 "컨트롤러를 올바르게 사용"섹션을 살펴보고 프레젠테이션 논리를 적절한 지시문 (예 : <a2b ...>)으로 리팩터링 할 수 있습니다. .

angualr는 jqlite라는 더 가벼운 버전의 jquery를 사용하므로 jQuery의 모든 기능이 포함되어 있지 않습니다. 다음은 jquery에서 사용할 수있는 것에 대한 angularjs 문서의 참조입니다. 각도 요소 문서

귀하의 경우에는 ID 또는 클래스 이름이있는 div를 찾아야합니다. 사용할 수있는 클래스 이름

var elems =$element.find('div') //returns all the div's in the $elements
    angular.forEach(elems,function(v,k)){
    if(angular.element(v).hasClass('class-name')){
     console.log(angular.element(v));
}}

또는 쿼리 선택기로 훨씬 더 간단한 방법을 사용할 수 있습니다.

angular.element(document.querySelector('#id'))

angular.element(elem.querySelector('.classname'))

jQuery만큼 유연하지는 않지만

elem.find()이 작동하지 않는 경우 각도 스크립트 전에 JQuery 스크립트 를 포함하고 있는지 확인하십시오 ....