相关疑难解决方法(0)

如何使用angular设置数组形式的值

我想在数组中设置值,如下所示:

this.form.controls[name].setValue('name')
Run Code Online (Sandbox Code Playgroud)

但我正在使用数组表单,这是行不通的,即使我传递特定数组表单的索引

例如,这是我的表单数组,我想要做的是在函数中设置值

user: FormGroup;
  users: FormGroup;

  constructor(private fb: FormBuilder) {}
  ngOnInit() {
    this.user = this.buildGroup();
    this.users = this.fb.group({
      data: this.fb.array([this.user])
    });
  }
  get fData() {
    return this.users.get('data') as FormArray;
  }
  buildGroup() {
    return this.fb.group({
      name: ['', [Validators.required, Validators.minLength(2)]],
      account: this.fb.group({
        email: ['', Validators.required],
        confirm: ['', Validators.required]
      })
    });
  }
setValue(index) {
   this.fData[index].controls[name].setValue('name')
  }
  onSubmit() {
    this.fData.push(this.buildGroup());
    const {valid, value} = this.fData;
    console.log(valid, value);
  }
Run Code Online (Sandbox Code Playgroud)

但是this.fData [index] .controls [name] .setValue('name')这个不起作用

angular angular-reactive-forms

3
推荐指数
2
解决办法
1万
查看次数

标签 统计

angular ×1

angular-reactive-forms ×1