我的html表单数据具有以下形状:
category.subcategories.*.fields.*.rules.*.name
在我的component.ts中,我具有“ selectedSubcategoryIndex”和“ selectedFieldIndex”属性,分别对应于子类别和字段的数组索引。
在component.html中,我需要显示rules。*。name的输入。有没有办法写类似这样的东西:
<div [formGroupName]="'subcategories.' + selectedSubcategoryIndex + '.fields.' + selectedFieldIndex + '.rules'">
<div *ngFor="let rule of selectedField.controls.rules.controls; let i = index" [formGroupName]="i">
<input type="text" formControlName="name" />
</div>
</div>
还是我应该为表单的每个“子类别”,selectedSubcategoryIndex,“字段”,selectedFieldIndex和“ rules”元素创建包装标签?我真的希望不会。