离子项中的多个触摸目标

Question

我有一个离子列表，其中每个离子项都有一个href导航到下一页（mas​​ter - ＆gt; detail）。因此，离子项的点击事件将导航到详细信息页面（如预期的那样）。

但是，我在每个执行动作的离子项中都有一个按钮。这里的问题是有两个触摸目标。当点击离子项内的按钮时，按钮的事件以及周围的离子项事件都会被触发。

ion-item内的按钮使用ng-click事件，href会触发离子项。

我希望能够点击离子项内的按钮，而不会在离子项上触发href事件。

Answer 1

在$event.stopPropogation()中执行所需的范围函数后添加ng-click（更深的一个，在这种情况下是按钮）。

示例：

<ion-list>
  <ion-item ng-click="someFunction()">
    List Item
    <button class="button button-small" ng-click="anotherFunction(); $event.stopPropagation();;">List Button</button>
  </ion-item>
</ion-list>

对于上面的示例，每当您单击按钮时，只会执行anotherFunction()。单击列表项时，只会执行someFunction()。

祝你好运！