Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 获取离子范围滑块的角度值_Jquery_Angular_Smartadmin_Ion Range Slider - Fatal编程技术网

Jquery 获取离子范围滑块的角度值

Jquery 获取离子范围滑块的角度值,jquery,angular,smartadmin,ion-range-slider,Jquery,Angular,Smartadmin,Ion Range Slider,我在我的角度应用程序中使用了ion.rangeslider,它显示得很好。 但是如何获得silder的值,我需要动态更新滑块的最小值和最大值 我已经看到了一些像这样的问题。一些其他的解决方案,但对我没有帮助 我的html如下 <div class="form-group"> <input ionSlider id="sliderData" type="text" data-min="2000" data-from="2000" data-max="2800" dat

我在我的角度应用程序中使用了
ion.rangeslider
,它显示得很好。 但是如何获得
silder
的值,我需要动态更新滑块的最小值和最大值

我已经看到了一些像这样的问题。一些其他的解决方案,但对我没有帮助

我的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>

是否有任何其他方法来获取滑块的值,或者是否有机会以角度方式获取。建议我你会得到很好的回报,谢谢。

我找到了一种方法,在@Ravikumar的建议下。我觉得在SO中没有与此相关的答案。这就是为什么我把我的答案贴在这里给其他陷入同样问题的人

对于npm安装和导入,请遵循ng2离子范围滑块的说明文件

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>
通过在组件中添加变量并将其指定为属性,您可以动态更改滑块的最小值和最大值
范围。

继续,我不知道您是如何在angular中实现jquery脚本的,但我希望这能起作用
   <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>
  myOnChange(event: any) {
     console.log(event.from);
  }