角度js类型号在Firefox中不起作用

Question

请检查此代码。

   <input type="number" name="input" ng-model="value"
                     min="0" max="99" required>

我在firefox中只为上面的代码获取了一个文本字段，而在google chrome中它的工作正常。

 <form name="myForm" ng-controller="Ctrl">
      Number: <input type="number" name="input" ng-model="value"
                     min="0" max="99" required>
      <span class="error" ng-show="myForm.input.$error.required">
        Required!</span>
      <span class="error" ng-show="myForm.input.$error.number">
        Not valid number!</span>
      <tt>value = {{value}}</tt><br/>
      <tt>myForm.input.$valid = {{myForm.input.$valid}}</tt><br/>
      <tt>myForm.input.$error = {{myForm.input.$error}}</tt><br/>
      <tt>myForm.$valid = {{myForm.$valid}}</tt><br/>
      <tt>myForm.$error.required = {{!!myForm.$error.required}}</tt><br/>
     </form>

Answer 1

Firefox似乎不支持type="number"，但是，angular会填充Firefox，以便type="number"输入字段在Firefox中正常运行（在验证等方面）。

因此，您提供的代码应该在Firefox中正确验证。

但是，您没有看到Chrome中可能看到的小箭头：

要在Firefox中获得此效果，您可以使用input number polyfill。

Here is a plunker显示此polyfill正在运行。