使用输入类型="数字"带小数角度数据

时间:2014-08-21 15:26:56

标签: javascript jquery html angularjs input

我一直在使用angular进行网站工作,并遇到填写输入的问题。我有一个表单,我从工厂提取信息,让用户更新他们的默认设置。

我像这样使用input type="number"

<div class="div-table-row">
     <input type="number" min="0" data-ng-model="locDefaults.NoDaysDlvryInst" />
</div>

表示整数。它运作良好,让他们使用我想要的上/下箭头。

然而,当我尝试使用带有十进制数字的类似逻辑时,它不会提取我的角度数据......我在网上发现了一些东西,但没有任何效果。最近,我尝试使用逻辑this fiddle

它对我没用,但这是我的代码:

HTML:

<div class="div-table-row">
     <input type="number" step="0.01" data-ng-model="locDefaults.WarnNearCapacity" decimal-places />
</div>

自定义角度指令:

myApp.directive('decimalPlaces',function(){
    return {
        link:function(scope,ele,attrs){
            ele.bind('keypress',function(e){
                var newVal=$(this).val()+(e.charCode!==0?String.fromCharCode(e.charCode):'');
                if($(this).val().search(/(.*)\.[0-9][0-9]/)===0 && newVal.length>$(this).val().length){
                    e.preventDefault();
                }
            });
        }
    };
});

之前是否有人遇到此问题?引入的数据将是一个0.950的数字,用于表示百分比,所以我真的想找到一种方法来使用向上/向下箭头控制来改变数字。

0 个答案:

没有答案