Angular 2表单验证：组件内的字段

Question

让我说我有这样的事情：

<form>
   <my-component></my-component>
</form>

模板中的“my-component”有一个“input”元素。

如何让我的“表单”知道组件中的那个字段？ 我使用模板驱动的表单方法，我希望它保持这种方式。 输入设置了“name”和“ngModel”。

Answer 1

您可能希望使用FormGroup（https://angular.io/docs/ts/latest/api/forms/index/FormGroup-class.html）。

• 在父组件中创建FormGroup对象。
• 使用双向绑定将此FormGroup传递给您的my-component。
• 在my-component内，将您的输入添加到FormGroup。

Answer 2

Angular Form，无论是模板驱动还是模型驱动（反应），都不会查看组件的模板。只有在实现 ControlValueAccessor 接口时，它才会与子组件通信。

更多细节可以在这个答案中找到：

https://stackoverflow.com/a/41286138/324224