Question

我是离子4框架，因为我使用了离子芯片，所以我希望该离子芯片可点击。例如，当我单击离子芯片时，导航到另一页。Here is the ion-chip documentation

Answer 1

您可以添加routerLink任何元素以导航到另一个页面。

<ion-chip routerLink="/home">
  <ion-label>Home</ion-label>
</ion-chip>

<ion-chip>
  <ion-label routerLink="/details/42" color="secondary"> Details </ion-label>
</ion-chip>

或者您在组件（html）中：

<ion-chip (ionClick)="openPage()">
   <ion-label>Home</ion-label>
</ion-chip>

组件：

openPage(){
   this.router.navigateByUrl('/home');
}

Answer 2

如果在其上添加tappable指令，那么它也很好用

<ion-chip (Click)="openPage()" tappable > <ion-label>Home</ion-label> </ion-chip>

当点击页面导航到另一页面时，如何实现离子芯片点击？

2 个答案: