代码之家  ›  专栏  ›  技术社区  ›  Nimish goel

如何从Angular6中的组件在模板驱动窗体中添加验证

  •  1
  • Nimish goel  · 技术社区  · 7 年前

    在Angular6中,我们有两种方法来创建表单。

    1. 模型驱动
    2. 模板驱动

    在模型驱动方法中,我们通过组件中的代码定义验证器。以及 在模板驱动的方法中,我们通过模板本身的指令和HTML5属性来定义验证器。

    在模板驱动的表单中,是否有任何方法可以从组件代码定义验证。

    我需要定义和更改对某个输入测试更改的组件代码文本框的验证。

    <input type="text" [(ngModel)]="value" (input)="ValueChangeEvent(myvalue)" /> 
    

    在这里,在 ValueChangeEvent 方法,我需要更改文本框的验证(例如,当用户键入某些内容时,只需在文本框中添加最小值验证)

    1 回复  |  直到 7 年前
        1
  •  1
  •   Chellappan வ    7 年前

    使用ControlValueAccessor以角度创建自定义窗体控件

    ControlValueAccessor充当角度窗体API之间的桥梁 以及DOM中的本地元素。

    检查这个: https://alligator.io/angular/custom-form-control/

    https://stackblitz.com/edit/angular-hhgkje

    推荐文章