使用type = number时，将忽略angular ng-pattern

Question

当我在字段中键入ng-invalid这样的字符串时，我没有看到abc类已应用。如果我在控制台上测试它，ng-pattern可以工作......但不能在角度测试。

<input type="number"
 step=".05"
 ng-pattern="/^\d{0,}\.{0,1}\d{0,}$/"
 ng-model="someNumber">

Answer 1

@ musically_ut的plnkr在评论中适用于Firefox，即。 input元素获取字符串ng-invalid的类abc - 但不适用于Chrome。

对于Chrome，如果我添加required属性，即

，它对我有用

<input type="number"
       step=".05"
       required
       ng-pattern="/^\d{0,}\.{0,1}\d{0,}$/"
       ng-model="someNumber">