离子范围滑块不起作用

Question

我正在使用离子 3。

这是我的代码

<ion-range  dualKnobs="true"  min="$10" max="$100" color="secondary" >
              <ion-label range-left>$10</ion-label>
              <ion-label range-right>$100</ion-label>
 </ion-range>

但是范围滑块不起作用。

请多多指教，

谢谢

Answer 1

使用双旋钮滑块，您需要将对象设置为默认值。

这应该可行-

HTML：

<ion-range  dualKnobs="true"  min="$10" max="$100" [(ngModel)]="rangeObject"  color="secondary" >
              <ion-label range-left>$10</ion-label>
              <ion-label range-right>$100</ion-label>
</ion-range> 

TS：

public rangeObject:any= {lower: 0, upper: 100};