angular - Angular NgForm 有两个组件

Question

我正在尝试使用两个不同的组件制作一个表单。一位家长和一位孩子。我查看了很多教程，他们都谈到了做服务。

但是，我在这个网站上找到了一个方法。它包括在子组件中添加以下内容：

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

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

[(ngModel)]="experiment.name"

而不仅仅是

ngModel

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

谢谢你的帮助

标签： angularhtmlangularjs-ng-form

Answer 1

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

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

演示