我开发了一个Reactive Form,其中一个字段是FormArray,它可能包含用户添加的额外字段以自定义表单。我能够让它运作
表格:Ts档案:
config = {
"org" : "organization",
"id" : "deviceId",
"domain": "internetofthings.ibmcloud.com",
"type" : "deviceType",
"auth-method" : "token",
"auth-token" : "authToken"
};
模板:
this.orderForm = this.formBuilder.group({
....
customFields: this.formBuilder.array([])
});
我使用FormBuilder.group方法使用以下语法向FormArray添加了项目:
<div formArrayName="customFields" *ngFor="let item of orderForm.get('customFields').controls; let i = index;">
<div class="form-group" [formGroupName]="i">
<label for="department">department</label>
<input id="department" name="department" formControlName="department" class="form-control" type="text" autocomplete="off" aria-label="department"/>
</div>
</div>
由于我在表单中只有一个FormArray,我想知道如何手动获取“部门”键而不是手动添加它,如下所示:
this.formBuilder.group({
department: ''
});
这可能吗?我正在阅读并试图找到答案,但我没有成功。
提前多多感谢。