angular2中的条件验证答案

【问题标题】：Conditional validations in angular2angular2中的条件验证
【发布时间】：2017-05-17 12:25:25
【问题描述】：

我想为客人和客户注册表使用相同的模板，但验证可能会有所不同

让我们假设它是一个客人登记表 - 名字是必需的

<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>

这是给客户的 - 名字是可选的

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

</form>

我想对两种表单使用相同/唯一的模板，但验证方式不同！我怎么能做到。蒂亚！

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

【问题讨论】：

标签： angular validation typescript

【解决方案1】：

基于这个topic你可以试试

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

【讨论】：

那太好了，我会试一试告诉你。
Tim 正如你所说的那样有效，但是如果我们对同一字段进行多个验证，例如 min max 等呢？在这些情况下，我们如何忽略最小长度或者最大长度验证。有什么办法吗？