нг щелкните событие, показывая Неопределенные

Question

Кнопка 1 ->

<button id="btn1" ng-click="bubbleInfo($event)" class="btn btn-primary"><i class="fa fa-info-circle"></i></button> 

Button 2

<button class="btn btn-primary" id="btn2" ng-click="bubbleInfo($event)"><i class="fa fa-info-circle"></i></button> 

Когда я нажал кнопку 1, в console.log я получаю надлежащее удостоверение личности как btn1, но когда я нажал на кнопку 2, я получаю undefined. Единственными изменениями в Button 1 и Button 2 являются class = "btn btn-primary" и, наконец, в классе 2 класса, упомянутом только при запуске. В чем причина я получаю неопределенный во втором случае (кнопка 2)

$scope.bubbleInfo = function (event) { 
     console.log(event.target.id); 
} 

Answer 1

Попробуйте добавить следующее, чтобы отменить событие бурлит и захват и предотвращение дефолт behavour

$scope.bubbleInfo = function (event) { 
    event.stopPropagation(); 
    event.preventDefault(); 
    console.log(event.target.id); 
}