在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>
1条答案
按热度按时间pcww981p1#
你可以试试
(click)="onNavigate(stop.address, $event)"
然后使用
$event.stopPropagation()
停止传播