code

ng-click에서 원래 요소 가져오기

starcafe 2023. 3. 29. 21:39
반응형

ng-click에서 원래 요소 가져오기

내 뷰에 있는 아이템 리스트는ng-click접속되어 있습니다.

<ul id="team-filters">
    <li ng-click="foo($event, team)" ng-repeat="team in teams">
         <img src="{{team.logoSmall}}" alt="{{team.name}}" title="{{team.name}}">
    </li>
</ul>

에서 클릭 이벤트를 처리하고 있습니다.foo내 지시로 기능, 패스$event클릭된 오브젝트에 대한 참조로 사용되는데, 이 오브젝트에 대한 참조가 표시됩니다.img태그가 아닌li태그. 그러면 이런 걸 해야 돼.li:

$scope.foo = function($event, team) {
   var el = (function(){
       if ($event.target.nodeName === 'IMG') {
          return angular.element($event.target).parent(); // get li
       } else {
          return angular.element($event.target);          // is li
       }
   })();

다음 요소에 대한 참조를 얻는 간단한 방법이 있습니까?ng-clickDOM 조작을 실행하지 않으면 안 되는 것입니까?

당신은 필요하다$event.currentTarget대신$event.target.

이 질문에 대한 직접적인 답변이 아니라 '문제'에 대한 답변입니다.$event.currentTargetnull로 설정되어 있는 것 같습니다.

이는 console.log가 호출된 상태가 아닌 마지막 실행 상태에서 console.log가 심층적으로 변경 가능한 개체를 표시하기 때문입니다.

상세한 것에 대하여는, 다음의 URL 를 참조해 주세요.console.log에 대한 연속 호출로 일관성 없는 결과가 생성된다.

언급URL : https://stackoverflow.com/questions/23107613/get-original-element-from-ng-click

반응형