在Angular6中,我们有两种方法来创建表单。
在模型驱动方法中,我们通过组件中的代码定义验证器。以及 在模板驱动的方法中,我们通过模板本身的指令和HTML5属性来定义验证器。
在模板驱动的表单中,是否有任何方法可以从组件代码定义验证。
我需要定义和更改对某个输入测试更改的组件代码文本框的验证。
<input type="text" [(ngModel)]="value" (input)="ValueChangeEvent(myvalue)" />
在这里,在 ValueChangeEvent 方法,我需要更改文本框的验证(例如,当用户键入某些内容时,只需在文本框中添加最小值验证)
ValueChangeEvent
使用ControlValueAccessor以角度创建自定义窗体控件
ControlValueAccessor充当角度窗体API之间的桥梁 以及DOM中的本地元素。
检查这个: https://alligator.io/angular/custom-form-control/
https://stackblitz.com/edit/angular-hhgkje