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

Question

ng-click元素上的button指令事件正在注册，即使是它的兄弟input元素。

＆＃13;

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

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

Answer 1

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

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

＆＃13;

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;