从角度2打字稿中的复选框中获取值

Question

我正在使用Angular 2 Typescript.我正面临一个问题,我需要提交一个包含复选框的表单.我需要复选框属性中的值.复选框是动态的,因此会有任意数量的复选框.

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

Answer 1

我认为这应该工作(未经测试)

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

并将已更改的复选框的值存储checkboxes在组件中.