Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 没有微调器的数字输入?_Javascript_Angular_Typescript - Fatal编程技术网

Javascript 没有微调器的数字输入?

Javascript 没有微调器的数字输入?,javascript,angular,typescript,Javascript,Angular,Typescript,我希望用户输入一个类似于64.32的数字,并将其双向绑定到number类型的属性 我试过了 <input type="number" [(ngModel)]="size"> 但这显示了一个微调器,它对于输入这样一个数量级的小数是非常无用的,并且占用了可以更好地使用的空间 我也试过了 <input [(ngModel)]="size"> 但这会将字符串放入模型属性,而不是数字 目前我正在setter/getter中转换string和number,但肯定有更好的方

我希望用户输入一个类似于
64.32
的数字,并将其双向绑定到
number
类型的属性

我试过了

<input type="number" [(ngModel)]="size">

但这显示了一个微调器,它对于输入这样一个数量级的小数是非常无用的,并且占用了可以更好地使用的空间

我也试过了

<input [(ngModel)]="size">

但这会将
字符串
放入模型属性,而不是
数字


目前我正在setter/getter中转换
string
number
,但肯定有更好的方法吗?

您可以使用CSS来实现这一点

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}