How to Use a Checkbox in a Clickable List

Ionic Framework ionic-v3
7

You can Use tow items, each item with a click method
like :

<ion-list *ngSwitchCase="'todo'" >
      <ion-item *ngFor="let intervention of ( listInterventions | interventionFilter : ['todo'])">
        <ion-row>
          <ion-col width-80 >
            <ion-item (click)="detail(intervention)">
              <div [style.color]="getPriorityStyle(intervention.int_priority)">{{getPriorityName(intervention.int_priority)}}</div>
              {{intervention.int_nom}} <br/>
              {{(intervention.int_client != null)? intervention.int_client.c_nom : "aucun"}}<br/>
              {{(intervention.int_client != null && intervention.int_client.c_adresse!= null)?  intervention.int_client.c_adresse.a_adresse+" "+intervention.int_client.c_adresse.a_code_postal+" "+intervention.int_client.c_adresse.a_ville : "aucune"}}<br/>
              {{getHeure(intervention)}}
            </ion-item>
          </ion-col>
          <ion-col width-20>
            <ion-item>
              <ion-checkbox item-right [(ngModel)]="intervention.done_checked"  (click)="checkedDone(intervention)"></ion-checkbox>
            </ion-item>
          </ion-col>

        </ion-row>
      </ion-item>

        </ion-list>