我有一个离子列表，其中每个离子项都有一个href导航到下一页（主 - >细节） . 因此，离子项的点击事件将导航到详细信息页面（如预期的那样） .
但是，我在每个执行动作的离子项中都有一个按钮 . 这里的问题是有两个触摸目标 . 当点击离子项内的按钮时，按钮的事件以及周围的离子项事件都会被触发 .
ion-item中的按钮使用ng-click事件，href触发离子项 .
我希望能够点击离子项内的按钮而不在离子项上触发href事件 .
在 ng-click 中执行所需的范围功能后添加 $event.stopPropogation() （更深的一个，在这种情况下是按钮） .
ng-click
$event.stopPropogation()
Example:
<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() .
anotherFunction()
someFunction()
祝你好运！
1 回答
在
ng-click中执行所需的范围功能后添加$event.stopPropogation()（更深的一个，在这种情况下是按钮） .Example:
对于上面的示例，每当您单击该按钮时，只会执行
anotherFunction(). 单击列表项时，仅执行someFunction().祝你好运！