单击事件在实际按钮周围触发

Question

我正在开发离子应用程序。我有一个离子列表，其中包含离子项目上的单击事件。当我单击离子列表项时，也会触发click事件

离子项目仅在此处触发点击

离子列表红色标记显示了我可以触发事件的地方

     <div>
        <ion-list *ngFor="let y of x">
            <p>Date</p>
            <ion-item *ngFor="let z of y" (click)="click(y.id)">
                {{event.title}}
            </ion-item>
        </ion-list>
    </div>

项目之间的小缝隙是可点击的...为什么以及如何更改它？

解决方案

将event.stopPropagation（）添加到点击事件中。

click(id :string){
  event.stopPropagation();
  //more code
}

Answer 1

您应该停止event bubbling才能停止点击父元素：您应该为此使用event.stopPropagation()