Angular 具有两个组件的 NgForm

Question

我正在尝试制作一个包含两个不同组件的表单。一个 parent 和一个 child。我看了很多教程，他们都在谈论做一个服务。

不过，我在这个website上找到了一个方法。它包括在 child 组件中添加以下内容：

viewProviders: [ { provide: ControlContainer, useExisting: NgForm } ]

这个方法很不错，但我想用：

[(ngModel)]="experiment.name"

而且不仅仅是

ngModel

这是我尝试使用此方法 运行 的 code。

感谢您的帮助

Answer 1

在子组件中创建 @Input() 属性 experiment 而不是正常的 属性 并从父组件分配

 <address [experiment]="experiment"></address>

DEMO