I have a click event on a table row and in this row, there is also a delete Button with a click Event. When I click the delete button then click Event on the row is also fired.
Here is my code.
<tbody>
<tr ng-repeat="user in users" class="repeat-animation" ng-click="showUser(user, $index)">
<td>{{user.firstname}}</td>
<td>{{user.lastname}}</td>
<td>{{user.email}}</td>
<td><button class="btn red btn-sm" ng-click="deleteUser(user.id, $index)">Delete</button></td>
</tr>
</tbody>
How can I prevent that the showUser Event is fired when I click the delete button in the table cell?