十进制离子范围？

Question

是否可以将33.20 或2.33 等十进制值与ion-range 一起使用？

我当前的代码如下，但它只允许完整的整数，而不是小数，但如果我将 ion-range 更改为 range 类型的输入，则会显示十进制值。

<ion-range type="range" min="0" max="30" step="0.01" [(ngModel)]="bolus" color="secondary">
    <ion-icon range-left name="arrow-dropdown-circle"></ion-icon>
    <ion-icon range-right name="arrow-dropup-circle"></ion-icon>
</ion-range>

Answer 1

ion-range 舍入到积分。

val = Math.round(val);

所以你有两种方法可以去：要么修改 "..\node_modules\ionic-angular\components\range\" ，要么进行变通。例如，您可以使用比率来计算十进制值或设置 max=3000，然后在使用该值的控制器中将其除以 100。（假设您有 2553 作为值，然后当您将其除以 100 时，您得到 25.53）