首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >用另一个ng-单击覆盖单击(例如ng-单击)

用另一个ng-单击覆盖单击(例如ng-单击)
EN

Stack Overflow用户
提问于 2015-01-28 00:11:56
回答 1查看 488关注 0票数 1

我有一个按钮通过ng点击调用一个函数。我想在这个按钮中有一个详细的“按钮”,当点击这个按钮时,它会通过ng点击调用一个不同的函数,而不是第一个函数。查看这个问题的柱塞:http://plnkr.co/edit/CqLmZMKiGPfrvRpqvtMa?p=preview

代码语言:javascript
运行
复制
  <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>

任何帮助都将不胜感激。谢谢!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-01-28 00:17:10

ng-click只是下面的click事件,它就像许多其他事件一样会产生气泡。因此,在您的情况下,当您单击按钮内的图标时,它会运行自己的click事件,并弹出并执行在其父按钮上注册的单击事件。您可以通过执行$event ()传递$event对象并停止传播到父对象。

尝试:

代码语言:javascript
运行
复制
<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>

代码语言:javascript
运行
复制
$scope.sendAlert = function(e,alertMessage) {
    e.stopPropagation();
    alert(alertMessage);
  };

演示

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/28182440

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档