title: AngularJS ng-click on li icon
body: <p>I have this code</p>
  
  <pre><code>&lt;div  ng-repeat="names in mitypes  = (mitype | filter:{parentid:0}:true)"&gt; 
  
      &lt;li ng-click="newObject[names.id]=!newObject[names.id]"&gt;
        &lt;label ng-click="selectedlist[names.id]=!selectedlist[names.id]"&gt;{{names.id}}  &lt;/label&gt;
      &lt;/li&gt;
  
      &lt;/div&gt;
     &lt;/div&gt;
  </code></pre>
  
  <p>Its tree of ul li elements. So i want to have 2 any event of click:
  1. Click li ng-click for open/close tree branch
  2. Click label ng-click for select tree node</p>
  
  <p>li element have css style:</p>
  
  <pre><code>li {
    list-style-type: none; 
    background-repeat: no-repeat;
    background-position: left center;
  }
  li.closed
  {
    background-image: url(1.png);
  }
  li.opend
  {
    background-image: url(2.png);
  }
  </code></pre>
  
  <p>I want click on png image for open/close and label for select node.
  Now, when you click on any part of the "li" both variables change their meaning.</p>
  
  <p>How can I split these events?
  thanks in advance...</p>