无法推送到阵列离子

Question

我是 ionic 新手。

我想将数据推送到我的 myForm 数组，但它显示错误 无法读取未定义的属性 'push'

这是我的表格：

public myForm: FormGroup;

constructor(){
     this.myForm = this._fb.group({

       docs: this._fb.array([
        this._fb.group({

          docName: [''],
          ref_array: this._fb.array([
            this._fb.group({
              refTextBox: []
            })
          ])

        }),
      ]),
     })

}

我想将元素推送到 ref_array

这是我的代码：

    const control2 = <FormArray>this.myForm.controls['docs']
    const control3 = <FormArray>control2.controls['ref_array']

    control3.push(
      this._fb.group({
        refTextBox: []
      })
    )

我哪里弄错了？ 请提前帮助和感谢！

Answer 1

使用_fb.array代替普通数组[]

refTextBox: this._fb.array([])


let data = <FormArray>this.myForm.get('docs');
      let newdata = <FormArray>data.controls[0].get('ref_array');
      newdata.push(this._fb.group({
        refTextBox: []
      }))

Answer 2

可能 control2.controls['ref_array'] returns 无效。

添加if条件

  if(control3 && control3.length >= 0){
   control3.push(
      this._fb.group({
        refTextBox: []
      })
    )
  }

Answer 3

您必须维护 formArray 的索引：

参考示例---> DEMO

Please Refer Demo it will help you to understand form array

 add(index){
    const control =  <FormArray>this.myForm.get('docs')['controls'][index].get('ref_array');
    control.push(
      this._fb.group({
        refTextBox: []
      })
    )
    }

无法推送到阵列离子

Unable to push to array ionic

ionic-framework

ionic2

ionic3

angular