在Firefox不工作角度JS类型号 [英] angular js type number not working in firefox

问题描述

请检查该code。

 ＆LT;输入类型=数字NAME =输入NG模型=值
                     分钟=0最大值=99所需的＆GT;
 

我只得到一个文本字段在Firefox为上述code和谷歌浏览器的正常工作。

 ＆LT;形式NAME =myForm会NG控制器=CTRL＆GT;
      编号：LT;输入类型=数字NAME =输入NG模型=值
                     分钟=0最大值=99所需的＆GT;
      ＆LT;跨度类=错误NG-秀=$ myForm.input error.required。＆GT;
        ！需要＆LT; / SPAN＆GT;
      ＆LT;跨度类=错误NG-秀=$ myForm.input error.number。＆GT;
        ！不是有效的数字＆LT; / SPAN＆GT;
      ＆LT; TT＆GT;值= {{}值}＆LT; / TT＆GT;＆LT; BR /＆GT;
      ＆LT; TT＆GT; myForm.input $有效= {{$ myForm.input有效}}＆LT; / TT＆GT;＆LT; BR /＆GT;
      ＆LT; TT方式＆gt; myForm.input $错误= {{$ myForm.input错误}}＆LT; / TT＆GT;＆LT; BR /＆GT;
      ＆LT; TT方式＆gt; myForm会$有效= {{$ myForm会有效}}＆LT; / TT＆GT;＆LT; BR /＆GT;
      ＆LT; TT＆GT; myForm会$ error.required = {{！myForm会$ error.required}}＆LT; / TT＆GT;＆LT; BR /＆GT;
     ＆LT; /表及GT;
 

解决方案

火狐似乎并不支持键入=号，但是，角做填充工具火狐使键入=号输入字段功能正常（在验证等方面）在Firefox。

所以，你所提供的code要正确在Firefox验证。

但是，你看不到的小箭头就像你可能在Chrome中看到：

要获得这种效果在Firefox中，你可以使用输入数字填充工具。

这里是一个plunker 显示此填充工具在行动。

Please check this code.

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

I am getting only a text field in firefox for the above code and in google chrome its working fine .

 <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>

解决方案

Firefox doesn't seem to support the type="number", however, angular does polyfill Firefox so that the type="number" input field functions correctly (in terms of validation etc) in Firefox.

So, the code that you have provided should validate correctly in Firefox.

However, you don't see the little arrows like you might see in Chrome:

To get this effect in Firefox you can use the input number polyfill.

Here is a plunker showing this polyfill in action.

这篇关于在Firefox不工作角度JS类型号的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！