<td> tıklandığında Tablo <tr> alın

Question

td olayı yerine tr'i nasıl alabilirim?

app.controller('myController', ['$scope'], function($scope) { 
    $scope.OnRowFocused = function (event) { 
     event.target.attributes.class.nodeValue = 'active'; 
    } 
}); 

<table> 
    <tr ng-click="OnRowFocused($event)"> 
     <td> 
      Column 1 
     <td/> 
     <td> 
      Column 2 
     <td/> 
    </tr> 
</table> 

Satırdaki herhangi bir sütunu tıklattığımda, her zaman tr yerine td olayı alıyorum. Tr olayı almak istiyorum, böylece kullanıcı etkileşime girdiğinde odaklanmış satırı vurgulayabilirim. Tıklamayı alan eleman

Answer 1

event.currentTarget'u, olayın gerçekleştiği yerde geçerli bir öğe verecek şekilde kullanın. Senin bu yaklaşım, gitmek için tavsiye ederim

$scope.OnRowFocused = function (event) { 
    console.log('This is the correct element',event.currentTarget); 
    console.log("class list", event.currentTarget[0].classList) 
}; 

denetleyicisinden DOM manipüle gibi görünüyor. yönergesinde bir yere gitmelidir. yerine `target` kullanıcının` arasında

Demo Plunkr

Answer 2

event.target'dur.

Olay işleyicisinde this kullanmayı deneyin - this, olayın kaydedildiği öğedir.