显示未定义的 ng-click 事件答案

【问题标题】：ng-click event showing undefined显示未定义的 ng-click 事件
【发布时间】：2017-01-27 10:42:43
【问题描述】：

按钮 1 - >

 <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="btn btn-primary" 最后是我在开始时提到的按钮 2 类。我在第二种情况下不确定的原因是什么（按钮 2）

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

【问题讨论】：

您能分享一些 HTML 以查看按钮的放置位置吗？
对我来说很好用：jsfiddle.net/Mistalis/fgc21e86/10
@Mistalis 您好，先生，当我点击按钮时，我得到按钮 id，但是当我点击 "
@Mistalis 作为参考，我还添加了图片，这是 html 代码

标签： javascript jquery angularjs

【解决方案1】：

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

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

【讨论】：