Obtenez sélectionnée valeur de case à cocher dans * ngFor angulaire 2

Question

Je JSON comme suit:

[ 
    { 
    "name": "Parent", 
    "submenus": [ 
     { 
      "name":"Child1" 
     }, 
     { 
      "name":" Child2" 
     }, 
     { 
      "name":" Child3" 
     }, 
     { 
      "name":"Child4" 
     }, 
     { 
      "name":"Child5" 
     } 
    ] 
    } 
] 

et le code dans le fichier html

<li *ngFor='let submenu of filterType.submenus'> 
     <div class="checkbox"> 
     <input id="checkbox1" class="styled" type="checkbox" [(ngModel)]="submenu.selected"> 
     <label for="checkbox1"> 
         {{submenu.name}} 
        </label> 
    </div> 

     </li> 

comment obtenir que les case à cocher qui sont l'aide clicked..Please moi comme je hv de passer la valeur sélectionnée au graphique Highchart angulaire.

Answer 1

vous pouvez créer une température JSON en utilisant votre sous-menus

filternames = [ 
      { 
       name: 'Child1', 
       checked: false 
      }, 
      { 
       name: 'Child2', 
       checked: false 
      }, 
      { 
       name: 'Child3', 
       checked: false 
      }, 
      ]; 

      checked() { 
      return this.filternames .filter(item => { return item.checked; }); 
     } 

HTML

<li *ngFor='let submenu of filternames'> 
     <div class="checkbox"> 
     <input id="checkbox1" class="styled" type="checkbox" 
[(ngModel)]="submenu.checked" [value]="submenu.name"> 
     <label for="checkbox1"> 
         {{submenu.name}} 
        </label> 
    </div> 

     </li> 


     <pre>Selected names: <span *ngFor="let filternames of checked()" ">{{ filternames.name}}</span></pre 

>

fonction

cochée() retourne toujours votre case sélectionnée valeurs

Answer 2

Parce que vous avez lié les cases à votre modèle avec:

[(ngModel)]="submenu.selected" 

Tout ce que vous avez à faire est rampent/itérer filterType.submenus et filtre pour ceux qui ont selected===true