title: Two nested click events with angularjs
body: <p>I have a HTML structure like this:
  </p>
  
  <pre><code>&lt;div ng-click="test()"&gt;
      &lt;div id="myId" ng-click="test2()"&gt;&lt;/div&gt;
      &lt;div&gt;&lt;/div&gt;
      ...
  &lt;/div&gt;
  </code></pre>
  
  <p>Currently when I click on the <code>div</code> with the id <code>myId</code> then both functions get triggered, but I want that just <code>test2</code> function get triggered. How can I do that?</p>