Obținerea valorii dintr-o casetă bifată în Angular 2 TypeScript


Folosesc Angular 2 cu TypeScript. Mă confrunt cu o problemă în care trebuie să trimit un formular care conține casete de selectare. Am nevoie de valorile care se află în atributele casetelor de selectare. Casetele de selectare sunt dinamice, deci va exista orice număr de casete de selectare.

 <div class="checkbox" *ngFor="#label of labelList">
      <div class="col-sm-4">
           <label><input type="checkbox" value="{{label.Id}}">{{ label.Name }}</label>
      </div>   
 </div>

Răspuns #1

Cred că asta ar trebui să funcționeze (ne testat)

<div class="checkbox" *ngFor="let label of labelList">
  <div class="col-sm-4">
    <label>
      <input type="checkbox" value="{{label.Id}}" (change)="checkboxes[$event.target.getAttribute('value')]=$event.target.checked">
        {{ label.Name }}</label>
  </div>   
</div>

și stocați valorile casetelor de selectare schimbate în checkboxes în componenta dvs.