Ion.RangeSlider меняет статус в Angular 7

Question

Я использую Ion.RangeSlider в проекте Angular7.Когда я хочу обновить слайдер, я использую следующий код:

var instance: any = $(".irs-hidden-input").data("ionRangeSlider");

        instance.update({
            from: Math.floor(Math.random() * (10)),
            to: 10
        });

Знак $ похож на режим jQuery. Как я могу читать данные из @ViewChild?

Спасибо, что нашли времяи объясни это.

Answer 1

Я рекомендую использовать ng2-ion-range-slider вместо Ion.RangeSlider.Поскольку я столкнулся с такими же проблемами, чтобы перехватить события обновления и изменения Ion.RangeSlider в Angular, я нашел это.

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

ng2-ion-range-slider теперь оптимизирована для удобного использования в качестве импортируемого модуля Angular 2 и устанавливается с помощью npm, и она построена поверхIon.RangeSlider, чтобы мы могли легко получить доступ ко всем его функциям.

<ion-range-slider #sliderElement
          type="double"
          [min]="myMinVar"
          max="100"
          from="28"
          from_min="10"
          from_max="30"
          from_shadow="true"
          to="40"
          to_min="40"
          to_max="90"
          to_shadow="true"
          grid="true"
          grid_num="10"
          prefix="Weight: "
          postfix=" million pounds"
          decorate_both="false"
          (onUpdate)="myOnUpdate($event)"
          (onChange)="myOnChange($event)"
          (onFinish)="myOnFinish($event)"></ion-range-slider>

Я ответил на тот же вопрос получить значение ион-дальномер в Angular проверьте это один раз ..