Angular 2自定义表单输入

TypeScript

Gil启人

2020-05-28

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

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

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


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

ps:我用TypeScript。

第4197篇《Angular 2自定义表单输入》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

2个回答
乐米亚 2020.05.28

这是很容易做到的ControlValueAccessor NG_VALUE_ACCESSOR

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

启人 2020.05.28

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

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

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android