I’m using Ionic with Angular, and I have a card with an icon in it that I want to link to another page.
<ion-card>
<ion-item>
<ion-avatar slot="start">
</ion-avatar>
<ion-label>User Name</ion-label>
</ion-avatar>
</ion-item>
<ion-row class="cardfooter">
<ion-col size="3">
<ion-icon name="chatbubbles-outline" class="align-icon"></ion-icon>
</ion-col>
<ion-col size="6"></ion-col>
</ion-row>
</ion-card>
I’m just trying to link:
<ion-icon name="chatbubbles-outline" class="align-icon"></ion-icon>
to another page.
I tried add this to [routerLink]="[’/create-post’]" in <ion-icon name="chatbubbles-outline" class="align-icon"></ion-icon>
, but that didn’t work
I also tried to wrap <ion-icon name="chatbubbles-outline" class="align-icon"></ion-icon>
with <a [routerLink]="[’/create-post’]">, but that didn’t work. What’s the correct way to do this? Thanks!