Angular NgForm具有两个组件

Question

我正在尝试使用两个不同的组件来制作表单。一位父母和一位孩子。我研究了很多教程，他们都谈到了提供服务。

但是，我在此website上找到了一种方法。它包括在子组件中添加以下内容：

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

此方法非常好，但我想使用：

[(ngModel)]="experiment.name"

而不仅仅是

ngModel

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

谢谢您的帮助

Answer 1

在子组件中创建@Input()属性experiment而不是普通属性，然后从父组件分配

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

DEMO