Получить таблицу <tr> при нажатии <td>

Question

Как я могу получить tr вместо td-события?

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> 

Когда я нажимаю на любой столбец в строке, я всегда получаю td-событие вместо tr. Я хочу получить tr-событие, чтобы я мог выделить целую строку, когда пользователь взаимодействует с ней.

Answer 1

Использовать event.currentTarget, который даст вам текущий элемент, в котором происходит событие.

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

Я бы не рекомендовал идти для этого подхода, где вы, кажется, манипулирования DOM от контроллера. Это должно быть куда-то в директиве .

Demo Plunkr

Answer 2

event.target - это элемент, получивший щелчок.

Попробуйте использовать this в обработчике событий - this - это элемент, на котором зарегистрировано событие.