Custom click events inside button ion-item

Ionic Framework ionic-v3
1

Hi.

I’m trying to add click events to elements of my button ion item for example:
HTML file

<button ion-item (click)="mainclick()">

<ion-label>
<div (click)="secondaryClick($event)">
</div>
</ion-label>

</button>

TS file

secondaryClick(event:Event){
event.stopPropagation();
console.log("clicked")
}

The problem is that always do the mainclick() the stoppropagation doesnt work properly.

Any way to do this?

2

I’m curious about the motivation here. It seems like a very unintuitive UI.