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

Question

我是 ionic 4 框架，因为我使用了 ion-chip，我想要这个 ion-chip 可点击。例如，当我点击 ion-chip 导航到另一个页面时。这是离子芯片文档

标签： angularionic-frameworkangular-ui-routerionic4

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');
}