Question

我尝试在模板表单中使用min验证，但它不起作用。如何在模板表格中使用它？谢谢你的帮助。

      <input type="number" class="form-control" name="srvc_sub_cnt{{i}}" 
          [ngModel]="s?.srvc_sub_cnt" (ngModelChange)="s?.srvc_sub_cnt?
               s.srvc_sub_cnt=$event:null"
          required #srvc_sub_cnt="ngModel" pattern="^[0-9]+$" min="1">

        <div class="cell table-info" *ngIf="srvc_sub_cnt.errors?.min" class="form_error">
                    Service Subscribers must be greater than 0.
                  </div>

Answer 1

要对min/max validations类型的输入使用number，您必须创建Custom Validators

您可以使用this库。它实现了很多custom validator

在您的代码中包含上述库，您可以使用min/max之类的

<input type="number" [(ngModel)]="model.field" name="field" #field="ngModel" [min]="10"/>
<p *ngIf="field.errors?.min">error message</p>

如何在模板形式中使用最小，最大验证角度2

1 个答案: