如何在Dart中使用Angular2实现自定义验证器?

矩阵

我的代码:

<input #rtc="ngForm" 
       type="number" 
       min="1" 
       max="43200" 
       style="text-align: center" 
       [(ngModel)]="device.rtc" 
       ngControl="rtc" 
       required>

ngControl不跟踪数字式输入有效的状态。我如何为输入实现验证器?

这是我的测试代码:

镖:

class MyComponent 
{
    Control ctrlRtc = new Control('test', rtcValidator);

    static Map<String, bool> rtcValidator(Control control)
    {
        print(111); 
    } 
}

HTML模板:

<input 
    #deviceRtc="ngForm"
    type="number"
    min="1"
    max="43200"
    style="text-align: center" 
    [(ngModel)]="device.rtc"
    ngControl="ctrlRtc" <!-- also tried 'rtc'-->
>

控制台中永远不会显示“ 111” ...

贡特·佐赫鲍尔(GünterZöchbauer)

就像是:

this.myForm = fb.group({  
  'rtc':  ['', MyValidator.validate]  
});


class MyValidator {
  static Map<String, bool> validate(Control control) {
    if(control.value !...) {
      return {'someErrorKey': true};
    }
    return null;
  }
}

(未测试)

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在Angular2 / 4/5中实现自定义异步验证器

来自分类Dev

如何在Angular2中制作自定义验证器

来自分类Dev

Angular2自定义验证器未调用

来自分类Dev

Angular2自定义验证器未调用

来自分类Dev

如何在Angular2中使用不带ngModel的双向绑定编写自定义指令

来自分类Dev

如何在 angular2 的不同模块中使用自定义错误处理程序服务

来自分类Dev

如何在 FormRequest 中使用自定义验证?

来自分类Dev

如何在自定义约束验证器中使用注释元素

来自分类Dev

如何在Bot框架中使用自定义身份验证服务器?

来自分类Dev

如何在自定义约束验证器中使用注释元素

来自分类Dev

如何在自定义验证器中使用可注入服务

来自分类Dev

如何在 sklearn 中使用自定义估计器进行交叉验证?

来自分类Dev

如何在自定义下载器中使用glide

来自分类Dev

如何在ember cli中使用自定义授权者和自定义身份验证器进行ember简单身份验证

来自分类Dev

Angular如何在自定义ErrorHandler中使用HttpClient?

来自分类Dev

如何在Spring OAuth2资源服务器中使用自定义UserDetailService?

来自分类Dev

如何在 angular 2 中使用自定义 http 刷新访问令牌?

来自分类Dev

从Angular2中的自定义验证器访问服务

来自分类Dev

在Angular2的自定义验证器中注入服务

来自分类Dev

如何在Blazor中实现自定义验证

来自分类Dev

如何在自定义验证功能中使用电子邮件验证?

来自分类Dev

Angular2模板驱动的表单:如何为自定义表单控件创建字段验证?

来自分类Dev

如何在另一个组列表(groupby)中实现组列表。是否可以在dart自定义对象中使用多个哈希码和operator ==

来自分类Dev

如何在HMAC-SHA1 Crypto ++实现中使用自定义密钥

来自分类Dev

如何在 Javascript 中使用自定义多项式实现 CRC16?

来自分类Dev

Angular2的自定义渲染器

来自分类Dev

Angular2中的自定义值访问器

来自分类Dev

Angular2中的自定义值访问器

来自分类Dev

Angular2在自定义管道中使用基本管道

Related 相关文章

  1. 1

    如何在Angular2 / 4/5中实现自定义异步验证器

  2. 2

    如何在Angular2中制作自定义验证器

  3. 3

    Angular2自定义验证器未调用

  4. 4

    Angular2自定义验证器未调用

  5. 5

    如何在Angular2中使用不带ngModel的双向绑定编写自定义指令

  6. 6

    如何在 angular2 的不同模块中使用自定义错误处理程序服务

  7. 7

    如何在 FormRequest 中使用自定义验证?

  8. 8

    如何在自定义约束验证器中使用注释元素

  9. 9

    如何在Bot框架中使用自定义身份验证服务器?

  10. 10

    如何在自定义约束验证器中使用注释元素

  11. 11

    如何在自定义验证器中使用可注入服务

  12. 12

    如何在 sklearn 中使用自定义估计器进行交叉验证?

  13. 13

    如何在自定义下载器中使用glide

  14. 14

    如何在ember cli中使用自定义授权者和自定义身份验证器进行ember简单身份验证

  15. 15

    Angular如何在自定义ErrorHandler中使用HttpClient?

  16. 16

    如何在Spring OAuth2资源服务器中使用自定义UserDetailService?

  17. 17

    如何在 angular 2 中使用自定义 http 刷新访问令牌?

  18. 18

    从Angular2中的自定义验证器访问服务

  19. 19

    在Angular2的自定义验证器中注入服务

  20. 20

    如何在Blazor中实现自定义验证

  21. 21

    如何在自定义验证功能中使用电子邮件验证?

  22. 22

    Angular2模板驱动的表单:如何为自定义表单控件创建字段验证?

  23. 23

    如何在另一个组列表(groupby)中实现组列表。是否可以在dart自定义对象中使用多个哈希码和operator ==

  24. 24

    如何在HMAC-SHA1 Crypto ++实现中使用自定义密钥

  25. 25

    如何在 Javascript 中使用自定义多项式实现 CRC16?

  26. 26

    Angular2的自定义渲染器

  27. 27

    Angular2中的自定义值访问器

  28. 28

    Angular2中的自定义值访问器

  29. 29

    Angular2在自定义管道中使用基本管道

热门标签

归档