Question

我必须创建一个可以处理3个级别的嵌套表单数组的表单，如下所示：

export class Task {
  type        : string;
  description : string;
  role        : string;
  resources   : string[];
}

export class Phase {
  name  : string;
  tasks : Task[];
}

export class Module {
  name   : string;
  phases : Phase[];
}

export class Structure {
  modules : Module[];
}

我遵循了this tutorial，并能够通过将FormGroup的值分配给表单来实现它


  techniqueStruct : FormGroup;

  create() {

    this.form.structure = Object.assign({}, this.techniqueStruct.value);

    this.http.post<Technique>(`techniques`, this.form).subscribe(
      response => {
        this.toastr.success('Technique successfully created.', 'Success');
        this.router.navigate(['/']);
      },
      err => this.handleError(err)
    );

  }

现在，我想发出一个PUT请求并编辑Structure，我必须填充所有表单字段，但是我遇到了具有多个{ {1}}个对象。

Structure

上述调用只会填充索引为0的位置，并且会引发错误

Module

如何确保每个索引都已填充？

**编辑-FormGroup **

this.techniqueStruct.setValue({
  modules: this.form.structure.modules
})

Angular FormGroup从JSON响应填充

0 个答案: