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

Question

假设我有这样的东西：

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

在"my-component"的模板中有一个"input"元素。

我如何让我的"form"知道组件内部的该字段？ 我使用模板驱动的表单方法，并希望保持这种方式。 该输入框已设置"name"和"ngModel"。

- jerry

---

你需要将值绑定到组件中并从组件中取出。 - jonrsharpe

Answer 1

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

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

- Hung Cao

Answer 2

Angular 表单，无论是模板驱动还是响应式（模型驱动），都不会查看组件的模板。仅当子组件实现了ControlValueAccessor 接口时，它才会与子组件通信。

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

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

- George K