将范围旋钮设置为最小和最大结束

Question

我有一个离子范围按钮我已将其设置为双旋钮中的最小值和最大值，但旋钮都位于最小值

   <ion-range dualKnobs="true"  [(ngModel)]="knobValues"  pin="true" min="50" max="250" color="dark" >
      <ion-label range-left > <b>50</b> </ion-label>
      <ion-label range-right > <b>250</b> </ion-label>
    </ion-range>

在我的构造函数（）{}

之后设置它

 knobValues:{
  upper:100,
  lower:50
}  

目前我变得像这样

我需要在页面加载时像这样

有人可以帮助我

Answer 1

在typescript中，设置类变量的方法是

 variable_name:type = value;

 knobValues:{
  upper:100,
  lower:50
} 

以上您已设置knobValues的类型，其内容未定义。

设为

 knobValues:{ upper:number,lower:number}={
      upper:100,
      lower:50
    }