角反应形式:组合的formGroupName

时间:2018-06-30 20:27:03

标签: javascript angular angular-reactive-forms angular-forms

我的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”元素创建包装标签?我真的希望不会。

0 个答案:

没有答案