Angular 4 从复选框中获取值

Question

我是 Angular 的新手，被这个非常简单的问题困住了。我正在从网络服务获取数据以显示几个复选框。我需要一种方法来获取用户选择的所有复选框的值。我正在使用 Material 主题。

<span *ngFor="let x of maintainanceTypeList">
    <md-checkbox 
       name="{{x.maintenancetype}}" 
       value="{{x.maintenancetype}}"  
       [formControl]="CreateSocietyForm.controls['checkMaintainanceType']">
         {{x.maintenancetype}}
    </md-checkbox>
</span>

Answer 1

您可以使用以下内容代替 e.checked:

工作示例

HTML

<input class="form-check-input" type="checkbox" (change)="selectBadge($event, badge._id)">

typescript

selectBadge (e, id) {

 if (e.target.checked) {
   this.product.badges.push(id);
 }  else {
   this.product.badges.splice(this.product.badges.indexOf(id), 1);
 }

}