ausgewählt Checkbox Wert in * Get ngFor Winkel 2

Question

Ich habe json wie folgt:

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

und Code in HTML-Datei

<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> 

wie nur diejenigen Checkbox zu erhalten, die clicked..Please Hilfe sind Ich habe mich entschieden, den ausgewählten Wert an den eckigen Highchart-Graphen zu übergeben.

Answer 1

können Sie einige temporäre json erstellen mit Ihrem Untermenüs

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

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

HTML

>

geprüft() Funktion liefert immer Ihre gewählte Kontrollkästchen Werte

Answer 2

Da Sie die Kontrollkästchen, um Ihr Modell gebunden haben:

[(ngModel)]="submenu.selected" 

Alles, was Sie tun müssen, ist kriechen/durchlaufen filterType.submenus und Filter für die mit selected===true