ionique obtenir uniquement la valeur de la case à cocher sélectionnée de html sur le bouton soumettre

Question

Je veux obtenir toutes les options ou valeurs sélectionnées dans la liste de tableaux. Je reçois la liste et les affiche dans la liste de case à cocher, je sélectionne et désélectionne checkbox.so quand je soumets, je veux juste seulement la valeur de case à cocher sélectionnée. Voici le code de la page html:

 <ion-item *ngFor="let job of jobs; let i= index" > 
      <ion-label >{{job.Des_Name}}</ion-label> 
      <ion-checkbox ></ion-checkbox> 
     </ion-item> 

quand cliquez sur Je ne veux que la liste des cases à cocher sélectionnée ou positions pense que j'avais choisi la position 1,2,5 Je veux que seule la liste

Answer 1

En votre fichier .ts:

jobs = [ 
{ 
    Des_Name: 'name1', 
}, 
{ 
    Des_Name: 'name2', 
}, 
{ 
    Des_Name: 'name3', 
}, 
{ 
    Des_Name: 'name4', 
}, 
]; 

do_sth(index) { 
    console.log(index); 
    //you can find the selected job 
} 

et votre fichier .html:

<ion-item *ngFor="let job of jobs; let i= index"> 
    <ion-label>{{job.Des_Name}}</ion-label> 
    <ion-checkbox (ionChange)="do_sth(i)"></ion-checkbox> 
</ion-item>