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

Question

我是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 >

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