[SOLVED] Clickable toggle label


#1

Hi

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


#2

Solution:

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


Customising ion-toggle inside an ion-list