Question

我想为访客和客户注册表单使用相同的模板，但验证可能会有如下变化

我们假设它是Guest的注册表单 - firstName是必需的

<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是可选的

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

</form>

我想对两种表单使用相同/唯一的模板，但验证会有所不同！我怎么能实现它。 TIA！

注意：通过使用反应形式我可以实现它，但我知道我想要以模板驱动的形式实现。

Answer 1

根据此topic，您可以尝试

<input name="first" ngModel [required]="isRequired">

angular2中的条件验证

1 个答案: