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

遇到一个问题，在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>