我是离子4框架，在那我用离子芯片，我想这个离子芯片可点击。例如当我点击离子芯片导航到另一个页面。Here is the ion-chip documentation
zf2sa74q1#
您可以添加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'); }
型
flmtquvp2#
如果您添加可扩展的指令，那么它也很好的工作
<ion-chip (click)="openPage()" tappable> <ion-label>Home</ion-label> </ion-chip>
字符串
kx5bkwkv3#
我想让我的ionic桌面用户在状态栏中查看超链接，所以这两个也可以工作：<ion-chip><a href="https://www.stackoverflow.com/">Test chip</a></ion-chip>或<a href="https://www.stackoverflow.com/"><ion-chip>Test chip</ion-chip></a>
<ion-chip><a href="https://www.stackoverflow.com/">Test chip</a></ion-chip>
<a href="https://www.stackoverflow.com/"><ion-chip>Test chip</ion-chip></a>
3条答案
按热度按时间zf2sa74q1#
您可以添加routerLink任何元素来导航到另一个页面。
字符串
或者你在组件（html）：
型
组件：
型
flmtquvp2#
如果您添加可扩展的指令，那么它也很好的工作
字符串
kx5bkwkv3#
我想让我的ionic桌面用户在状态栏中查看超链接，所以这两个也可以工作：
<ion-chip><a href="https://www.stackoverflow.com/">Test chip</a></ion-chip>或<a href="https://www.stackoverflow.com/"><ion-chip>Test chip</ion-chip></a>