验证最小数量[重复]

Question

我有这个 Angular 2 表单：

<input #myInput="ngModel" [(ngModel)]="myobj.myInput" required min="0" type="number" /> 

<p>valid: {{myInput.valid}}</p>

当我输入"10"时它是有效的，当我输入""时它是无效的，但是当我输入"-10"时它仍然有效。

Answer 1

因为min 不是FormsModule 验证的选项。 available validators 是 required、minlength、maxlength 和 pattern；空输入无效，因为您有 required。 min attribute 使用输入中的箭头键或上下按钮防止 HTML 输入减少到零以下，但 不 用于验证；你可以写一个custom validator 来做到这一点。

请注意，an issue on GitHub 讨论了对 HTML 5 验证器的支持；它目前已关闭的事实对于 min 和 max 在不久的将来被包括在内并不是一个好兆头。