如何使用子组件的动态数据用angular 2填充表单？

我有以下DOM结构： 应用程序组件已被删除

<app-form-component></app-form-component>

表单组件具有以下html代码段：

<form [formGroup]="registerForm" (ngSubmit)="onSubmit()">
......
</form>
<app-form-detail></app-form-detail>

......

现在，对于这个子详细信息组件

应用程序表单详细信息

，只要有表单提交，它就会创建一个详细信息。在每个细节中都有一个

edit

按钮

---

可以将数据从

应用程序表单组件

发送到

应用程序表单详细信息

组件。现在，当我从子组件单击编辑按钮时，我必须发送数据以填写表单。

是的，这是可能的。退房 用于组件交互

进行这些更改，它会工作的

在form.component.html中

<app-form-detail [formEvent]="formEventSubject.asObservable(data)" (formEmitEvent)="editedDetails($event)"></app-form-detail>

In-form-detail.component.ts

editedDetails(data){
    console.log(data)
  }

 @Output() formEmitEvent = new EventEmitter<any>();
  editForm(data) {
    this.formService.setData(data);
    this.formEmitEvent.emit(data)
  }

@Output（）formEmitEvent=neweventemitter（）；
编辑表单（数据）{
this.formService.setData（数据）；
this.formEmitEvent.emit（数据）
}

---

在form.component.ts中的editedDetails方法中进行所需的更改，以获得预期结果

是的，这是可能的。退房 用于组件交互

进行这些更改，它会工作的

在form.component.html中

<app-form-detail [formEvent]="formEventSubject.asObservable(data)" (formEmitEvent)="editedDetails($event)"></app-form-detail>

In-form-detail.component.ts

editedDetails(data){
    console.log(data)
  }

 @Output() formEmitEvent = new EventEmitter<any>();
  editForm(data) {
    this.formService.setData(data);
    this.formEmitEvent.emit(data)
  }

@Output（）formEmitEvent=neweventemitter（）；
编辑表单（数据）{
this.formService.setData（数据）；
this.formEmitEvent.emit（数据）
}

---

在form.component.ts中的editedDetails方法中进行所需的更改，以获得预期的结果

我使用@Output event emitter尝试过，这里的问题是事件应该作为

放置在表单组件中，但它不起作用。因为它被放置在我用@Output event emitter尝试过的表单中，所以这里的问题是，事件应该作为

放置在表单组件中，而表单组件不起作用。因为这是放在