ng-click事件显示未定义

Question

按钮1 - ＆gt;

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

按钮2

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

当我点击按钮1时，在console.log中我得到正确的id为btn1，但是当我点击按钮2时，我得到了未定义。按钮1和按钮2中的唯一更改是class =＆＃34; btn btn-primary＆＃34;是最后和按钮2类我在开始时提到的。我在第二种情况下得到未定义的原因是什么（按钮2）

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

Answer 1

尝试添加以下内容以取消事件冒泡和捕获并防止默认行为

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