Angular 2自定义表单输入

如何创建与本机<input>标记一样工作的自定义组件我想让我的自定义窗体控件能够支持ngControl,ngForm,[(ngModel)]。

据我了解,我需要实现一些接口以使自己的表单控件像本机控件一样工作。

另外,似乎ngForm指令仅绑定<input>标签,对吗?我该如何处理?


让我解释一下为什么我完全需要这个。我想包装几个输入元素,使它们能够作为一个输入一起工作。还有其他方法可以解决吗?再过一次:我想像本地控件一样进行此控件。验证时,ngForm,ngModel两种方式绑定等。

ps:我用TypeScript。

乐米亚2020/05/28 14:53:28

这是很容易做到的ControlValueAccessor NG_VALUE_ACCESSOR

您可以阅读本文以创建一个简单的自 定义字段使用Angular创建自定义输入字段组件

启人2020/05/28 14:53:28

您也可以使用@ViewChild指令解决此问题。这使父级可以完全访问注入的子级的所有成员变量和函数。

请参阅:如何访问注入的表单组件的输入字段