单击同级元素时触发 ng-click 事件侦听器

Question

ng-click 指令在 button 元素上的事件甚至被其兄弟 input 元素注册。

<div class="list list-inset">
  <label class="item item-input">
    <button class="button button-small button-icon icon ion-navicon" 
            ng-click="toggleLeft();$event.stopPropagation();"></button>
    <input type="text" placeholder="Search">
  </label>
</div>

单击 input 元素内的任意位置也会触发单击事件。我该如何解决？

Answer 1

向包含在 <label> 中的元素添加事件侦听器会在该容器内的任何地方触发事件。

angularjs ng-click event of two sibling tag fired, instead of one

<div class="list list-inset">
  <div class="item item-input">
    <button class="button button-small button-icon icon ion-navicon" 
            ng-click="toggleLeft()"></button>
    <input type="text" placeholder="Search">
  </div>
</div>

单击同级元素时触发 ng-click 事件侦听器

ng-click event listener fired when sibling element is clicked

angularjs

angularjs-directive

angularjs-ng-click

ionic