AngularJS - mehrere ng-click - Ereignis sprudelt

Im folgenden Beispiel:

  <li ng-repeat="item in items" ng-click="showItem(item)">
    <h3>{{item.title}}</h3>
    <button ng-click="remove(item)">Remove</button>
  </li>

Wenn ich auf die Schaltfläche klickeshowItem() wird auch aufgrund von Ereignis-Bubbling aufgerufen. Ich weiß, dass ich verwenden kann$event zu achten$event.currentTarget und TU$event.stopPropagation() usw. aber das ist sehr hässlich.

Btw. Ich möchte die Ausbreitung auf dem nicht stoppenbutton (In meinem Fall diebutton ist eintwitter bootstrap dopdown/button - das ist nur ein Beispiel)

Wie höre ich auf?showItem() vom angerufen werden wenn ich auf die klickeremove Taste?

BEARBEITEN Die hässliche Lösung wäre:

function remove(item,$event){
  $event.originalEvent.prevent = true;
  // rest of the code
}

function showItem(item,$event){
  if($event.originalEvent.prevent)return;
  // rest of the code
}

Antworten auf die Frage(2)

Ihre Antwort auf die Frage