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

Question

我是离子4框架，在我使用离子芯片时，我想要这个离子芯片可点击.例如，当我单击离子芯片时，导航到另一个页面.这是离子芯片文档。

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>