在html控件中循环formArray中的formControls,可以使用ngFor指令进行循环。ngFor指令用于循环遍历一个集合,并为集合中的每个元素生成相应的html元素。
在你的场景中,你可以使用以下代码来实现循环formArray中的formControls:
<div [formGroup]="yourForm">
<div formArrayName="yourFormArray">
<div *ngFor="let control of yourForm.get('yourFormArray').controls; let i=index">
<input [formControl]="control">
</div>
</div>
</div>
解释:
[formGroup]
指令用于绑定formGroup对象,它的值应为你的表单的formGroup名称。formArrayName
指令用于绑定formArray对象,它的值应为你的formArray名称。*ngFor
指令用于循环遍历formArray中的每个formControl,并为每个formControl生成一个input元素。let control of yourForm.get('yourFormArray').controls
表示将formArray中的每个formControl赋值给变量control,并使用这个变量在循环中引用每个formControl。let i=index
表示定义一个变量i,并将当前迭代的索引值赋给它。请注意,你需要根据你的实际情况替换"yourForm"和"yourFormArray"为你的formGroup和formArray的名称。
推荐的腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云