没有微调器的数字输入？

Question

我希望用户输入一个类似64.32的数字，然后将其双向绑定到number类型的属性。

我试过

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

但是这显示了一个微调器，对于输入这个幅度的小数而言是无用的，占用的空间可以更好地使用。

我也试过

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

但这会将string放入模型属性而不是number。

目前我正在使用setter / getter在string和number之间进行转换，但肯定有更好的方法吗？

Answer 1

您可以使用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;
}