設定範圍旋鈕MIN和MAX端

Question

我有一個離子範圍按鈕我已經將其設置爲min和雙旋鈕最大值但兩者旋鈕位於到最小值

<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

在打字稿，設置類變量的方法是

variable_name:type = value; 

---

knobValues:{ 
    upper:100, 
    lower:50 
} 

在上面，您已設置knobValues的類型，其內容未定義。

設爲

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