Ionic2 单击按钮后自动导航到错误页面

我是ionic2的新手，我制作了一个带有滑动编辑和删除按钮的事件列表。我想通过点击行来查看事件详细信息页面，效果很好。但如果我点击编辑按钮，编辑页面就会出现，并立即被事件详细信息页面取代。我的代码如下：

 <ion-list>   
<ion-item-sliding  *ngFor="let event of eventList" (click)='goToEventDetail(event.id)'>
  <ion-item><p><strong>{{event?.eventName}}</strong><p>
  <p>Place: <strong>{{event?.place}}</strong></p>
  <p>Date: <strong >{{event?.date}}</strong></p>
  </ion-item>
  <ion-item-options>
  <button ion-button color="primary" (click)="goToEditEventDetail(event.id)"><ion-icon name='clipboard'></ion-icon> Edit</button>
  <button ion-button color="danger" (click)="removeEvent(event.id)"><ion-icon name='trash'></ion-icon> Delete</button>
</ion-item-options>
</ion-item-sliding >

{{event？.eventName}
地点：{{event？.Place}}

日期：{{event？.Date}}

编辑
删除

---

我尝试从“离子项滑动”中删除“（单击）='goToEventDetail（event.id）”事件，在这种情况下，我得到了预期的结果。我的发现是，在点击编辑按钮后，它会触发“goToEditEventDetail”事件，之后它还会触发“goToEventDetail”。我需要停止发射第二个事件，有什么解决办法吗？提前感谢。

您能否发布ts代码，以便我们检查您的goToEditEventDetail（）函数有何问题找到了解决方案，只需将“（单击）=“goToEditEventDetail（event.id）”从“”移到“”：）