离子范围滑块不起作用

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