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

角度反应形式从输入字段获得初始值

1 个答案: