Получить значение переменной из html в typescript ionic 2

Я пишу код, но не могу получить значение диапазона с 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>

In my ts :

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

Но значение всегда не определено. Итак, как я могу отправить из html -> ts?


typescript angular ionic3 ionic2
person Trip Therapy    schedule 24.03.2017    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Значение не определено, поскольку оно не было инициализировано, и вы пытаетесь получить это значение из конструктора. Попробуйте использовать событие 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);
}
person sebaferreras    schedule 24.03.2017
comment
Рад это слышать :) - person sebaferreras; 24.03.2017