title: Two ng-clicks on in same div
body: <p>So I've been looking around for an answer for this but I just couldn't find the answer. So what I have is a ng-repeat of items that are in a particular class="list-items". When I click on each of the item in items, it should execute a function. Within each list I have an remove button which I would like to remove the item when clicked.</p>
  
  <p>So some code for reference:</p>
  
  <pre><code> &lt;div ng-click="executeCallback($index)" class="list-items"&gt;
          &lt;div class="item-info"&gt;
              &lt;span&gt;some info here&lt;/span&gt;
          &lt;/div&gt;
          &lt;button ng-click="removeItem($index)"&gt;X&lt;/button&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>So I did right now, in my CSS, i tried using an position absolute on the button and a z-index of like 10000 to show that it is greater than, but when I click the removeItem button, it still calls the executeCallback function. I don't want it to call the executeCallback function.</p>
  
  <p>Is there a way to have the removeItem function be called only when the remove button is clicked and not the parent class?</p>