Angular 反应式表单获取初始值表单输入字段

Question

我正在使用 angular 5 并创建一个响应式表单，其中实现了多个添加输入字段。这种形式有一个增加形式循环顺序的索引值。我正在使用模型来获取数据。我得到的每个数据都工作正常但有一些问题，我无法获得根据循环自动递增的输入字段值。这是我的代码示例。

<form [formGroup]="myForm" novalidate (ngSubmit)="createSurveys(myForm.value)">

<input type="number" class="form-control" [value]="i" formControlName="index" >

</form>


this.myForm = this._fb.group({
        name: ['', [Validators.required,Validators.minLength(5)]],
        question_record: this._fb.array([
            this.initQuestions()
        ])
    });

initQuestions() {
    return this._fb.group({
        index: [0]
    });
}

结果

{
 "name": "abcde",
 "data": [
    {
      "title": "sssss",
      "index": 0
    },
    {
      "title": "ssss",
       "index": 0,
    }
  ]
}

当我控制我的数据时，所有数据都在工作，但我无法获取索引数据，它始终显示我在模型中设置的默认值 0。

Answer 1

使用formArray循环this._fb.array([])

此处示例https://stackblitz.com/edit/angular-aw5zpx?file=app%2Fapp.component.ts

Angular 反应式表单获取初始值表单输入字段

Angular reactive form get initial value form input field

angular

angular-reactive-forms

angular-forms