form2验证在angular2

我正在创建一个表单，我已经通过各种网站，我发现像下面的验证，有人可以解释它是什么使用它。form2验证在angular2

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

来源

2016-08-20 MMR

这是您可以在angular2中使用的数据驱动表单验证技术。您可以在这种技术中使用'ngFormModel'验证表单。详情请见：http：//blog.angular-university.io/introduction-to-angular-2-forms-template-driven-vs-model-driven/ –

我建议你阅读这个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>

来源

2016-08-20 10:32:58

直接在答案中包含基本部分。不鼓励链接的答案。 –

好点，thx。更新了我的答案 –

这是导入这是写在HTML页面中的字段，和（” ”，Validators.required）第一单报价进入UI部分的一些数据在b /将节省W¯¯报价

来源

2016-12-12 10:14:48

了我的理解..

您已经使用了反应式表单验证。它的用处主要在于有条件的验证。

让我们假设。

放在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: [''], 
     });

在上述情况下，在不同的情况下使用相同的视图，但没有出色的工作。

来源

2017-05-17 06:30:52 k11k2

form2验证在angular2

回答

相关问题