Question

我有两个课程如下

export interface Demo {
    Id: number;
    Name: string;
    Parent: DemoParent;
}

export interface DemoParent {
    Id: number;
    Title: string;
}

由于demo和parent之间的关系为1-0..1，我想以相同的形式对其进行编辑。

我的表单定义如下（为简单起见，我删除了所有其他字段和验证器）

this.form = this.fb.group({
      Name: [''],

    });

现在我应该如何将parent添加到我的表单中，我用Google搜索，大部分文章都是关于嵌套数组的。

我不想展平我希望保持层次结构的对象

更新

我在下面试过但仍然发出，

this.form = this.fb.group({
      Name: [''],
      Parent: {
        Title: ['']
      }
    });

<input type="text" formControlName="Parent.Title"/>

Answer 1

如果其他人有同样的问题

this.form = this.fb.group({
      Name: [''],
      Parent: this.fb.group({
        Title: ['']
      })
    });

<div class="row">
  <form [formGroup]="form">

    <input type="text" formControlName="Name"/>

    <div formGroupName="Parent">
      <input type="text" formControlName="Title"/>
    <div>

   </form>
</div>

如何在Angular2 +中的反应形式中嵌套表单

更新

1 个答案: