[SOLVED] Clickable toggle label



I’m trying to make a toggle item have additional information when clicked.

For example, you can click the toggle as normal, but if you click the label, it shows additional information, in the form of a modal.

Below is as close as I can get, BUT the label or icon cannot be clicked. The toggle still works fine.

<ion-toggle class="item-icon-left" ng-model="objectModel" ng-change="updateObject(objectModel)"> <i class="icon ion-information-circled"></i> <b>Object Text Here</b> </ion-toggle>
Where would one put the:

Any help is appreciated!

CodePen: http://codepen.io/anon/pen/ZbBzxM



Code Pen: http://codepen.io/anon/pen/ojYMgj

Customising ion-toggle inside an ion-list