Home / Programmazione / HTML - CSS / Ion-toggle con liste cliccabili in Ionic Framework
Mattepuffo

Ion-toggle con liste cliccabili in Ionic Framework

Ion-toggle con liste cliccabili in Ionic Framework

Quando usiamo gli ion-toggle in Ionic, di default la lista diventa non cliccabile.

Questo fa si che potete solo usare il toggle, ma non potete usare le voci come link.

Questo "problema" è facilmente aggirabile.

Partendo da una lista del genere:

<ion-view view-title="Clienti">
    <ion-content>
        <ion-list>
            <ion-toggle ng-repeat="item in items| filter:searchText" ng-model="item.attivato" toggle-class="toggle-assertive">
                <h2>{{item.codice}}</h2>
                <p>{{item.rag_soc}}</p>
                <a href="#/app/cliente/{{item.codice}}">Dettaglio</a>
            </ion-toggle>
        </ion-list>
    </ion-content>
</ion-view>

Dovete solo aggiungere una regola CSS:

.item-toggle { pointer-events:initial !important; }

A questo punto le voci sono linkabili, e il toggle funziona comunque per conto suo!

Enjoy!