Angular 2+:在必需的验证器失败后停止表单验证

时间:2017-04-22 15:54:33

标签: validation angular typescript

给出这样的反应角形:

buildForm(): void {
    this.registrationForm = this.fb.group({
      'email': [this.user.email, [
        Validators.required,
        Validators.email
      ]],
    });

在所需的验证器失败后,如何获得角度以停止表单验证?我不希望同时显示“需要电子邮件”和“电子邮件无效”这两条消息。 我的猜测是写一个自定义验证器。有没有更好/更简洁/已经内置的方式来做到这一点?

我正在使用angular 4.0.2

1 个答案:

答案 0 :(得分:1)

  

是否有更好/更简洁/已内置的方法来执行此操作?

目前,Angular Form尚不支持。创建自定义验证器是一个很好的解决方案。

未来:是的,它即将到来,请看这个话题https://youtu.be/kM5QBOWrUVI?t=16m18s