typescript ionicでhtmlの変数値を取得する2

Question

コードを書いていますが、htmlページから範囲の値を取得できません。私のTSに

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

：私は、この（私は、デバイスの明るさを設定したい）に取り組んでいます

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