angular - Angular中父组件下的动态子组件

Question

我创建了一个组件，其中只有一个带有一些逻辑的文本字段。现在我想将此组件用作另一个父组件中的子组件。现在我有三个问题：

1. 如何在父组件的表单组下添加子组件
2. 如何在任何父组件中根据需要添加所需的验证器。
3. 如果子组件在父组件中多次使用，如何动态设置名称字段？

标签： angular

Answer 1

基本上，您希望您的组件实现ControlValueAccessor接口 - 这允许您将组件绑定到ngModel模板驱动的表单，或formControl（或formControlName）以反应形式直接成为表单的一部分，并正确响应表单中的更改。

要处理验证器，您的组件还必须实现Validator接口。

有多个关于如何正确实现这两个接口的综合指南，所以我不会在这里介绍 - 你可以通过谷歌搜索“角度自定义表单控件”找到它们。