Angular中的FormArray-基本知识

时间:2019-03-09 11:53:25

标签: angular

我的要求就是这样。按照下面的代码,mainarray包含json数组,每个对象都有id和name。在单击多个复选框并提交时,我只需要记录所选的ID。我无法确切找出,所以请帮忙。我尝试过的如下:

在html中:

  <form [formGroup]="profileDetails" (ngSubmit)="onsubmit(profileDetails.value)">
    <div class="cov1" formArrayName="coverageIDs" *ngFor="let member of  mainarray;let i=index>
    <input type="checkbox" name"member" [formControlName]="i" [value]="member.id">{{member.name}}
    </div>
    </form>

在ts中:

profileDetails=new FormGroup({
            coverageIDs:new FormArray([new FormControl('')])
   })

我冲浪得足够多了,我一点也不相信。即使由于模型而选择了多个复选框,以上内容也仅给出一个真实的结果。请纠正这些。

1 个答案:

答案 0 :(得分:0)

您可以在角度材质中使用多选。 angular_material_example