Question

我在Angular7项目中使用Ion.RangeSlider。当我想更新滑块时，我使用以下代码：

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。因为我在Angular中遇到了同类型的问题来捕获 Ion.RangeSlider 的更新和更改事件，所以我找到了这个问题。

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

我已经回答过类似的问题get value of ion-rangeslider in Angular，请检查一次。.

Angular 7中的Ion.RangeSlider更改状态

1 个答案: