将复杂对象绑定到Angular 6反应形式复选框

时间:2018-09-06 20:20:51

标签: angular angular-reactive-forms

我正在使用Angular 6,并且正在使用反应式表单。我有一个使用applicationVersion和applicationBuild的复合键的数据源。

[{
    "applicaitionVersion":"1",
    "applicationBuild":"2",
    "label": "Build 1.2"
}, 
{   
    "applicaitionVersion":"1",
    "applicationBuild":"3",
    "label": "Build 1.3"
}]

我的表单使用上面的数据使用formControls生成一个formArray,并使用以下HTML将其输出。

<div class="col-sm-6.col-md-4" *ngFor="let build of builds">
    <label>
     <input type="checkbox" [value]='build' [formControl]="formGroup.get(build.customKey)">
     {{ build.label}}
   </label>
</div>

当我选中复选框时。我希望formGroup.value具有复选框的[value],而不仅仅是formArray告诉我该特定复选框是true还是false。

这可能吗?如果是这样,我该如何在不听onchange和映射值的情况下进行此操作?

0 个答案:

没有答案