Ionic 3 link inside checkbox label - (click) event not fired

Ionic Framework ionic-v3
1

When I put a link with a (click) handler inside ion-label then this handler completely ignored. Which means I even cannot use stopPropagation() trick.

<ion-item no-lines>
    <ion-label>
        terms and conditions <a (click)="gotoTerms($event)>link</a>
    </ion-label>
    <ion-checkbox formControlName="terms"></ion-checkbox>
</ion-item>

If I put link inside ion-item but outside ion-label then it is simply stripped out. Ionic, seriously? :slight_smile:

Could you please advice how I can implement this very common control?

1 Like
2

it’s not the best solution, but it works if you use a button instead of the hyperlink. Than you can use scss to make it look nice again

<ion-item>
    <ion-label>Ich akzeptiere die <button ion-button tappable (click)="openAgbPage()">AGBs</button></ion-label>
    <ion-checkbox></ion-checkbox>
  </ion-item>
1 Like
3

Oh, thank you so much, that really works. The key is actually ion-button attribute. With it in place link becomes clickable

1 Like