离子范围滑块不起作用

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};