Как реализовать ионную микросхему кликабельную, при нажатии на страницу переходить на другую страницу?

Question

Я Ionic 4 Framework, в котором я использовал ионный чип, я хочу, чтобы этот ионный чип был активным. например, когда я нажимаю на ion-chip, перейдите на другую страницу. Вот документация на ion-chip

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>