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
}