從打字稿中的html獲取變量值離開2

Question

我正在編寫代碼，但無法從html頁面獲取範圍的值。我在做這個（我想設置一個設備的亮度）：

<ion-item> 
    <ion-range [(ngModel)]="BrightnessValue" color="dark" pin="true" step="1" min="0" max="10"> 
     <ion-icon range-left small name="sunny"></ion-icon> 
     <ion-icon range-right name="sunny"></ion-icon> 
    </ion-range> 
    </ion-item> 

在我的TS：

...... 
    BrightnessValue: number ; 
.... 
constructor(....){ 
console.log(this.BrightnessValue); 
    Brightness.setBrightness(this.BrightnessValue); 
} 

但價值總是undefinde。那麼我怎樣才能從html - > ts發送？

Answer 1

該值未定義，因爲它沒有被初始化，並且您試圖從構造函數中獲取該值。通過使用ionChange事件試試：

<ion-item> 
    <ion-range (ionChange)="changeBrightness()" [(ngModel)]="BrightnessValue" color="dark" pin="true" step="1" min="0" max="10"> 
     <ion-icon range-left small name="sunny"></ion-icon> 
     <ion-icon range-right name="sunny"></ion-icon> 
    </ion-range> 
    </ion-item> 

並在代碼：

public changeBrightness(): void { 
    console.log(this.BrightnessValue); 
    Brightness.setBrightness(this.BrightnessValue); 
}