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);
}