最大值和最小值不适用于输入

Question

在 angularjs 应用程序中，我有输入字段，我需要在其中输入数字。我这样设置最大值和最小值

<input type="number" min="0" max="{{totaImpressionsSum}}"/>

我$scope.totaImpressionsSum从控制器获取值，在本例中该值为 5000。

当我在控制台中检查时，最大值已正确设置。

我也尝试使用 ng-max 和 ng-min...但是这一切都不起作用，我仍然可以输入小于 0 和大于 5000 的数字。

我做错了什么？在另一个地方，这工作正常......但在这里不行......

Answer 1

这不是min/max属性的工作方式 - 在处理有效性时会考虑它们，但它们不会限制用户输入他们想要输入的内容。

想象一下，您将放在那里min="10"，然后您想输入 number 10。但您不能，因为您首先需要输入数字，1然后输入0，但数字1本身不是有效的输入。

看看 MDN 的例子，他们是如何使用:valid和:invalid伪类的：