如果单击复选框内部，则阻止默认锚定行为

Question

我正在使用Angular ui-bootstrap作为手风琴和面板标题我还需要复选框，这是由ui-bootstrap在anchor标签内生成的。看起来像这样（复选框位于<label>'造型样式内）：

<a class="accordion-toggle" ng-click="toggleOpen()" accordion-transclude="heading">
   <span>Some headline</span>
   <label class="checkbox-toggle-btn">
      <span>Activate</span>
      <input data-ng-model="selected[service.name]" type="checkbox" ng-checked="selected[service.name]">
      <i></i>
   </label>
</a>

单击复选框（<label>），它不会显示为复选框，但会点击<a>并展开手风琴。

如果在<a>内单击，如何阻止默认<label>代码行为？ 我可以在label上使用指令并访问父元素吗？

Answer 1

尝试以下

<label ng-click="$event.stopPropagation();"></label>