Hello, everyone, I am using Ionic V5 here and I enjoy it a lot!
But being a newbie I have the following problem which gave me quite the challenge.
I have an ion-card which contains an ion-checkbox and other elements. Whenever I click on the ion-card or on any element inside it the checkbox will activate. How do I stop this from happening?
<ion-card>
<ion-card-content>
<ion-item (click)="handleServiceClick($event, service.id)">
<ion-checkbox color="primary" slot="start" [checked]="service.isChecked"></ion-checkbox>
<ion-label> {{ service.title }}</ion-label>
<ion-button (click)="handleMoreInfoClick($event)">
<ion-icon name="information-circle-outline"></ion-icon>
</ion-button>
</ion-item>
</ion-card-content>
</ion-card>
Thank you,