Angular FormArray。动态获取字段键

时间:2018-05-24 09:58:14

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

我开发了一个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: ''
  });

这可能吗?我正在阅读并试图找到答案,但我没有成功。

提前多多感谢。

0 个答案:

没有答案