Угловые - подавление широко определенных событий для узко определенных элементов

Question

Что делать, если я хочу широко заданный ng-click на большой панели, но я хочу, чтобы любые теги ссылок запускали только поведение ссылки, а не ng-click? Пример:

<div ng-click="doIt()"> 
    <div>Lots of other stuff...</div> 

    <!-- I don't want this or any other links to trigger the ng-click behavior --> 
    <a href='http://www.amazon.com' target="_blank"></a> 
</div> 

Answer 1

Вы можете прикрепить ng-click к ссылкам вы не хотите, чтобы быть затронуты и использовать $event.stopPropagation();

В контроллере.

$scope.dontDoIt = function($event){ 
    $event.stopPropagation(); 
}; 

Внутри вашего вида.

<div ng-click="doIt()"> 
    <div>Lots of other stuff...</div> 

    <!-- I don't want this or any other links to trigger the ng-click behavior --> 
    <a href='http://www.amazon.com' ng-click="dontDoIt($event)" target="_blank"></a> 
</div> 

Fiddle пример.