I want to have ion-icon next to my ion-title
The problem is I also want to ONLY attach a routerLink to ion-icon
If I do it this way:
<ion-item routerLink="/home/">
<ion-icon name="chevron-back-outline"></ion-icon>
<ion-title>showcase</ion-title>
</ion-item>
Then both the ion-icon and ion-title will be on the same line but ion-title will also be clickable.
If I do it this way:
<ion-item routerLink="/home/">
<ion-icon name="chevron-back-outline"></ion-icon>
</ion-item>
<ion-title>showcase</ion-title>
Then only ion-icon that will be clickable but the layout won’t look nice (the arrow showed on top of ion-title)
How do I let both ion-icon and ion-title in the same line but only want ion-icon to be clickable?