如何以角度读取表单数组中的内容?

时间:2019-04-22 10:58:08

标签: javascript angular typescript

我有一个表单数组,该表单数组是用户输入的,然后我想从表单数组中读取每个元素,然后使用Web服务将其插入数据库中,但是我无法创建一种用于单独读取元素的方法。我的表单数组代码如下:-

 createskillForm()
    {
      this.skillForm=this.formBuilder.group({
        skills:this.formBuilder.array([this.createskillFeild()])
      });
    }

和创建技能的方法如下:-

  createskillFeild():FormGroup
    {
      return this.formBuilder.group({
        skills:['',Validators.required]
      });
    }

请帮助我,因为我无法弄清楚该方法?

1 个答案:

答案 0 :(得分:2)

您可以访问表单数组控件,例如:

let myfArr = this.skillForm.get('skills') as FormArray

要从表单数组中获取所有值,可以使用类似以下内容的

let arrValues = myfArr.controls.map(eachGroup => eachGroup.value);

arrValues将是from数组中所有formGroups的值的数组。

修改

如果只想获取表单数组的值,则只需执行以下操作:

this.skillForm.get('skills').value