title: AngularJS ng-click stopPropagation
body: <p>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 the click Event on the row is also fired. </p>
  
  <p>Here is my code.</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;tbody&gt;
    &lt;tr ng-repeat="user in users" class="repeat-animation" ng-click="showUser(user, $index)"&gt;
      &lt;td&gt;{{user.firstname}}&lt;/td&gt;
      &lt;td&gt;{{user.lastname}}&lt;/td&gt;
      &lt;td&gt;{{user.email}}&lt;/td&gt;
      &lt;td&gt;&lt;button class="btn red btn-sm" ng-click="deleteUser(user.id, $index)"&gt;Delete&lt;/button&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/tbody&gt;
  </code></pre>
  
  <p>How can I prevent that the <code>showUser</code> Event is fired when i click the delete Button in the table cell?</p>