How Do Link from an Icon to a Page?

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!

You can just bind a (click) Event and use the NavController to navigate forward?