为什么传递默认有效输入值时Angular反应形式控制器无效?

时间:2018-10-18 22:18:28

标签: angular angular-reactive-forms angular-validation

我正在使用Angular 6反应形式和Angular材料。在模板中使用以下代码,

<mat-form-field>
   <input id="delay" formControlName="delay" matInput placeholder="Milliseconds delay" value="1000" required>
</mat-form-field>
<mat-error>
   <div *ngIf="!delay.valid">
      <div *ngIf="delay?.errors['required']">
         Delay value is required.
      </div>
      <div *ngIf="delay?.errors['minlength']">
         Delay value must be at least 1 digit.
      </div>
   </div>
</mat-error>

我收到此表单验证错误。

enter image description here

请注意,此错误来自上面的<mat-error>块。 如何使Angular意识到延迟值1000已经存在?

如果要手动转到此输入,请使用退格键删除“ 0”并添加回“ 0”(因此该值仍为1000),然后验证错误就消失了。

0 个答案:

没有答案