получить значение ион-дальномер в угловых - PullRequest
Новая
       56

получить значение ион-дальномер в угловых

0 голосов
/ 26 ноября 2018

Я использую ion.rangeslider в моем угловом приложении, и оно отображается нормально.Но как я могу получить значение silder, и мне нужно динамически обновлять минимальное и максимальное значения ползунка.

Я видел некоторые вопросы в SO, такие как ion-rangelider notотображение и ion RangeSlider: настроить сетку в случае пользовательских значений .некоторые другие решения, но они не помогли мне.

Мой HTML-код выглядит следующим образом: 

<div class="form-group">
      <input ionSlider id="sliderData" type="text" data-min="2000" data-from="2000" data-max="2800" data-type="single"
        data-step="5" data-prefix="$ " data-prettify="false" data-hasgrid="true" (onChange)="ionSliderForValues($event)">
    </div>

Компонент 

ionSliderForValues(event:any){
    console.log(event);
  }

Существуют ли другие методы для получения значения ползунка или любого другогошанс попасть в угловой путь.предложи мне, ты будешь хорошо вознагражден, спасибо.

1 Ответ

0 голосов
/ 28 ноября 2018

Я нашел способ сделать это с помощью ng2-ion-range-slider , как предложил @Ravikumar.Я чувствовал, что не было никакого ответа, связанного с этим в SO.Вот почему я публикую здесь свой ответ для некоторых других, кто застрял в той же проблеме

Для установки npm и импорта, выполните ng2-ion-range-slider документация

component.html 

   <div class="form-group">
            <ion-range-slider #sliderElement type="single" [min]="myMinVar" [max]="myMaxVar" grid_num="10" prefix="$ "
              [from]="currentValue" (onChange)="myOnChange($event)"></ion-range-slider>
   </div>

component.ts 

  myOnChange(event: any) {
     console.log(event.from);
  }

youМожно динамически изменять минимальное и максимальное значения range ползунка, добавляя переменные в компонент и назначая их в качестве атрибутов.

...