angular2中的条件验证 [英] Conditional validations in angular2

问题描述

我想对来宾和客户注册表格使用相同的模板，但是验证可能会有所不同

I want to use same template for guest and customer registration forms but validations may varies as follows

让我们假设它是访客的注册表-必须输入名字

Let us assume it is a Register form for Guests - firstName is required

<form #f="ngForm" novalidate (ngSubmit)="save()">
                <label>First Name:</label>
                <input type="text" name="firstName" [(ngModel)]="values.FirstName" required #firstName="ngModel">
                <div *ngIf="firstName.hasError('required') && (!firstName.pristine && !f.submitted)" class="text-danger">You must include a first name.</div>
</form>

这是给客户的-firstName是可选的

And this is for Customer - firstName is optional

<form #f="ngForm" novalidate (ngSubmit)="save()">
                    <label>First Name:</label>
                    <input type="text" name="firstName" [(ngModel)]="values.FirstName" #firstName="ngModel">

</form>

我想为两种形式使用相同/仅一个模板，但验证方式会有所不同！我怎么能做到这一点.TIA！

I want to use same/onlyone template for both forms but validations varies! how could i achieve it. TIA!

注意:通过使用反应形式，我可以实现它，但是明知我想要以模板驱动形式实现.

NOTE: by using reactive forms I could achieve it, but knowingly I want to achieve in Template-Driven forms.

推荐答案

基于此

这篇关于angular2中的条件验证的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！