javascript - 在同一个 div 中两次 ng-clicks

Question

所以我一直在四处寻找这个问题的答案，但就是找不到答案。所以我所拥有的是特定类 =“list-items”中的元素的 ng-repeat。当我单击元素中的每个元素时，它应该执行一个函数。在每个列表中，我都有一个删除按钮，我想在单击时删除该元素。

所以一些代码供引用:

 <div ng-click="executeCallback($index)" class="list-items">
        <div class="item-info">
            <span>some info here</span>
        </div>
        <button ng-click="removeItem($index)">X</button>
 </div>

所以我现在做了，在我的 CSS 中，我尝试在按钮上使用绝对位置和 10000 之类的 z-index 来表明它大于，但是当我单击 removeItem 按钮时，它仍然调用执行回调函数。我不希望它调用 executeCallback 函数。

有没有办法让 removeItem 函数仅在单击删除按钮而不是父类时被调用？

Answer 1

您可以在一次 ng-click 中添加多个事件。

 <div ng-click="executeCallback($index)" class="list-items">
    <div class="item-info">
        <span>some info here</span>
    </div>
    <button ng-click="removeItem($index);$event.stopPropagation()">X</button>