Ionic 同一离子项中的routerLink和单独功能

fquxozlt  于 2022-12-16  发布在  Ionic
关注(0)|答案(1)|浏览(161)

在Ionic 5中,我有一个ion-list和多个ion-item。每个ion-item都有一个rotuerLink和一些文本。它们内部还有一个ion-button,应该执行一些其他功能。问题是当我点击那个按钮时,应用程序执行功能,但也会导航到链接。有什么方法可以禁用这个功能吗?

<ion-list>
  <ion-item *ngFor="let stop of stops" routerLink="/stops/{{stop.id}}">
    <div class="main-text">
      {{stop.address}}
    </div>
    <ion-button slot="end" (click)="onNavigate(stop.address)">
      <ion-icon slot="icon-only" name="navigate"></ion-icon>
    </ion-button>
  </ion-item>
</ion-list>
pcww981p

pcww981p1#

你可以试试(click)="onNavigate(stop.address, $event)"
然后使用$event.stopPropagation()停止传播

相关问题