我有这样的话：

<ion-item
        *ngFor="let recipe of recipes"
        [routerLink]="['./',recipe.id]"
      >
        <ion-avatar><ion-img [src]="recipe.imageURL"></ion-img></ion-avatar>
        <ion-label>{{ recipe.name }}</ion-label>
        <ion-button
          (click)="deleteRecipe(recipe.id)"
          color="danger"
          ><ion-icon name="trash-outline"></ion-icon
        ></ion-button>
      </ion-item>

当我点击一个图片，文本和删除按钮（和所有的空白从离子项目），我们会被重定向到详细信息页面的项目的工作。我想知道是否有可能覆盖这个导航，当我们停留在同一个页面上点击删除按钮？