В следующем примере:

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

Когда я нажимаю на кнопкуshowItem() также вызывается из-за всплытия событий. Я знаю, что я могу использовать$event следить за$event.currentTarget и делай$event.stopPropagation() и т.д. но это очень некрасиво.

Btw. Я не хочу останавливать распространение наbutton (В моем случаеbutton этоtwitter bootstrap dopdown/button - это всего лишь пример)

Как мне остановитьсяshowItem() от того, чтобы быть вызванным, когда я нажимаю наremove кнопка?

РЕДАКТИРОВАТЬ Уродливое решение будет иметь:

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
}