반응형
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-click
DOM 조작을 실행하지 않으면 안 되는 것입니까?
당신은 필요하다$event.currentTarget
대신$event.target
.
이 질문에 대한 직접적인 답변이 아니라 '문제'에 대한 답변입니다.$event.currentTarget
null로 설정되어 있는 것 같습니다.
이는 console.log가 호출된 상태가 아닌 마지막 실행 상태에서 console.log가 심층적으로 변경 가능한 개체를 표시하기 때문입니다.
상세한 것에 대하여는, 다음의 URL 를 참조해 주세요.console.log에 대한 연속 호출로 일관성 없는 결과가 생성된다.
언급URL : https://stackoverflow.com/questions/23107613/get-original-element-from-ng-click
반응형
'code' 카테고리의 다른 글
jQuery ajax(jsonp)는 타임아웃을 무시하고 오류 이벤트를 발생시키지 않습니다. (0) | 2023.03.29 |
---|---|
반응 소품 - 다른 소품이 null이거나 비어 있는 경우 소품에서 세트가 필요합니다. (0) | 2023.03.29 |
wp-admin 패널 성능 개선을 위한 권고사항 (0) | 2023.03.29 |
리액트 훅 useState Array (0) | 2023.03.29 |
각진 파일 업로드 (0) | 2023.03.29 |