Question

我正在创建一个表单，我已经通过各种网站，我发现如下所示的验证，有人可以解释它的用途。

      this.form = fbld.group({
        firstname: [''],
        lastname: ['', Validators.required],
        profilename: ['', Validators.required],
        email: ['', Validators.required],
        image: [''],
        phone: ['', phoneValidator],
        street: ['', Validators.required],
        country: [''],
    });

Answer 1

我建议您阅读此article，因为它非常清楚地解释了这一点。也许你会对这个one感兴趣 - 我个人更喜欢上一个选项，因为它涵盖了大多数需求并且更具可读性。

UPD：

但是，举个例子，您应该在模板中使用它：

<form [formGroup]="form">
  <label>Firstname:</label>
  <input type="text" formControlName="firstname">

  <label>Lastname:</label>
  <input type="text" formControlName="lastname">

  <!-- Other inputs here ...-->

</form>

Answer 2

这是导入HTML页面中写入的字段，和（''，Validators.required）第一个单引号在UI部分输入一些数据将保存在黑白报价中

Answer 3

根据我的理解..

您使用了反应式表单验证。它有用的地方主要是条件验证。

让我们假设。

UserRegistration表格：

this.form = fbld.group({
        firstname: [''],
        lastname: ['', Validators.required],
        profilename: ['', Validators.required],
        email: ['', Validators.required],
        image: [''],
        phone: ['', phoneValidator],
        street: ['', Validators.required],
        country: [''],
    });

EmployeeRegistration表单，其中街道字段是可选的。

this.form = fbld.group({
            firstname: [''],
            lastname: ['', Validators.required],
            profilename: ['', Validators.required],
            email: ['', Validators.required],
            image: [''],
            phone: ['', phoneValidator],
            street: [''],
            country: [''],
        });

在上述情况下，在不同的情况下使用相同的视图，而不是艰苦的工作。

在angular2中形成验证

3 个答案: