从 typescript ionic 2 中的 html 获取变量值

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

但该值始终未定义。那么如何从 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);
}

从 typescript ionic 2 中的 html 获取变量值

Get variable value from html in typescript ionic 2

typescript

ionic2

ionic3

angular