Angular Material数字输入框设置min=0仍无法输入0的问题

嘿，我来帮你搞定这个问题！你现在遇到的核心问题是验证器用错了类型——你需要的是数字最小值验证，却用了字符串长度验证，导致输入0的时候不通过。

问题原因分析 #

你在控制器里写的Validators.minLength(1)是用来验证字符串的长度至少为1的，可你的输入框是type="number"，Angular会自动把输入的内容解析成数字类型。数字是没有length属性的，所以输入0的时候，这个验证器会直接判定不通过；而输入1、2的时候，可能因为解析时机或者临时的字符串状态，刚好通过了长度验证，但这其实是不符合你“允许0到无穷大数字”的需求的。

另外，HTML里的min="0"只是浏览器层面的输入限制，不会同步到Angular的表单验证逻辑里，所以必须在控制器里用对应的数字验证器。

解决方案 #

把控制器里的Validators.minLength(1)替换成Validators.min(0)就可以了，这才是专门用于数字最小值验证的器，和你HTML里的min="0"逻辑对应。

修改后的控制器代码：

ewBuild: new FormControl('', [Validators.required, Validators.min(0)]),

如果你希望初始值就是0（避免页面加载时的必填错误提示），也可以写成：

ewBuild: new FormControl(0, [Validators.required, Validators.min(0)]),

HTML代码保持不变：

<mat-input-container class="full-width-input" style="margin-left:5px;width:95%"> 
  <input matInput type="number" min="0" formControlName="ewBuild" required> 
</mat-input-container>

这样修改后，输入0的时候，既满足必填要求，又符合最小值为0的验证，完美解决你的问题～

内容的提问来源于stack exchange，提问作者quma