รับองค์ประกอบดั้งเดิมจาก 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เห็นได้ชัดว่าตั้งเป็นศูนย์

นี่เป็นเพราะความจริงที่ว่า console.log แสดงวัตถุที่ไม่แน่นอนลึกที่สถานะสุดท้ายของการดำเนินการไม่ได้อยู่ในสถานะเมื่อ console.log ถูกเรียก

คุณสามารถตรวจสอบข้อมูลนี้ได้ที่: การโทรไปยัง console.log อย่างต่อเนื่องจะให้ผลลัพธ์ที่ไม่สอดคล้องกัน