Q：如何使用具有ng-content的Angular 2模板形式？

Question

是否不可能在ng-content内包含表单输入元素，并使其与父组件的ngForm实例“连接”？

为父组件使用此基本模板：

<form (ngSubmit)="onSubmit(editForm)" #editForm="ngForm" novalidate>               
<ng-content></ng-content>
<button type="submit">Submit</button>
</form>

然后在子组件中，该子组件放在“ ng-content”中，如下所示：

<input type="text" [(ngModel)]="user.firstName" #firstName="ngModel" name="firstName" required minlength="2">

在提交父表单时，子控件不可用，这也意味着子组件中包含的内容的脏/验证不会反映在父表单上。

这里缺少什么？

Answer 1

此时您很有可能提出了另一种解决方案，但我只是想出了一种解决方法。希望它将对您或其他人有所帮助。

Answer 2

我还想在定制组件上使用具有ng-content的形式，例如（我的html组件内容）