我有一个按钮通过ng点击调用一个函数。我想在这个按钮中有一个详细的“按钮”,当点击这个按钮时,它会通过ng点击调用一个不同的函数,而不是第一个函数。查看这个问题的柱塞:http://plnkr.co/edit/CqLmZMKiGPfrvRpqvtMa?p=preview
<button ng-click="sendAlert('button clicked')">
<span class="text">Demo</span>
<span class="toggle" ng-click="sendAlert('? clicked')">
<i class="fa fa-info-circle"></i>
</span>
</button>任何帮助都将不胜感激。谢谢!
发布于 2015-01-28 00:17:10
ng-click只是下面的click事件,它就像许多其他事件一样会产生气泡。因此,在您的情况下,当您单击按钮内的图标时,它会运行自己的click事件,并弹出并执行在其父按钮上注册的单击事件。您可以通过执行$event ()传递$event对象并停止传播到父对象。
尝试:
<button ng-click="sendAlert($event, 'button clicked')">
<span class="text">Demo</span>
<span class="toggle" ng-click="sendAlert($event, 'child')">
<i class="fa fa-info-circle"></i>
</span>
</button>和
$scope.sendAlert = function(e,alertMessage) {
e.stopPropagation();
alert(alertMessage);
};演示
https://stackoverflow.com/questions/28182440
复制相似问题