angular.js ui-href 子元素和父元素的跳转互不影响——阻止冒泡

真由理

于 2016-12-06 13:52:21 发布

阅读量1.3k

点赞数

分类专栏： angular ionic 文章标签： angular ionic 阻止冒泡

本文链接：https://blog.youkuaiyun.com/badgirl_hong/article/details/53486075

版权

ionic 同时被 2 个专栏收录

6 篇文章

订阅专栏

angular

3 篇文章

订阅专栏

本文介绍了一个在 AngularJS 中遇到的问题，当父元素与子元素都包含 ui-href 属性时，点击子元素会导致父元素链接被激活。文章详细解释了如何使用 ng-click 与 $event.stopPropagation() 方法来解决这一问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

遇到一个问题，在angular.js中，父元素的div有ui-href 的链接，子元素的button也有ui-href的链接，点击子元素的ui-href 跳转的却是父元素的链接，通过阻止冒泡解决这个问题，添加一个ng-click="$event.stopPropagation();" 事件，代码如下：

 <button class="button button-outline list-button button-publish"
                  ng-click="$event.stopPropagation();"
                  ui-sref="tab.cproductPublish({sowingid:csowing.SOWINGID})" ui-sref-active="{reload:true}" >
            发布产品
          </button>