对于数字输入，MD 错误未以最大值/最小值触发

Question

md-error在我的输入中没有触发最小/最大值。不过，它适用于"必需"。

我在app.module.ts的NgModule中导入了MaterialModule。

目录：

<div class="form-group">
<md-input-container>
<input mdInput id="useramount"
name="useramount"
type="number"
class="form-control "
[(ngModel)]="amount"
#useramount="ngModel"
placeholder="amount"
min="{{40 | number}}"
max="{{300 | number}}"
required/>
<md-error *ngIf="amountFormControl.hasError('required')">
<span>{{'NOT_VALID_FIELD'| translate}} </span>
</md-error>
<md-error *ngIf="amountFormControl.hasError('min')"
>
<span>{{'FIELD_MIN_VAL'| translate}}</span>
</md-error>
<md-error *ngIf="amountFormControl.hasError('max')"
>
<span>{{'FIELD_MAX_VAL'| translate}}</span>
</md-error>
</md-input-container>
</div>

TS 文件：：

public amountFormControl = new FormControl('', [Validators.min(40), Validators.required, Validators.max(300)]);

Answer 1

尝试使用minlength和maxlength而不是min和max。

这就是它在 Angular 文档中的文档。

Angular 表单包括许多内置的验证程序函数，这些函数可帮助您检查表单中的常见用户输入。除了这里介绍的minlength、maxlength和required的内置验证器之外，还有其他的，如反应式表单的email和pattern。