Angularjs 如何在运行时将“最大值”和“最小值”设置为“范围滑块”
无法在运行时设置滑块的最大值和最小值我正在使用离子范围滑块在html中使用angularjs标记这是我的html代码Angularjs 如何在运行时将“最大值”和“最小值”设置为“范围滑块”,angularjs,html,Angularjs,Html,无法在运行时设置滑块的最大值和最小值我正在使用离子范围滑块在html中使用angularjs标记这是我的html代码 <div class="range-slider"> //range slider class <div > <input type="text" class="js-range-slider" /> </div> </div&
<div class="range-slider"> //range slider class
<div >
<input type="text" class="js-range-slider" />
</div>
</div>
<div class="extra-controls">
<input type="text" maxlength="4" value="{{miniPriceforFilter}}" class="inp js-from" />
<input type="text" maxlength="4" value="{{maxPriceforFilter}}" class="inp js-to" />
</div>
//范围滑块类
在同一页中使用这个脚本,我可以将这些javascript变量设置为角度变量吗,
var$range=$(“.js范围滑块”),
$from=$(“.js from”),
$to=$(“.js to”),
范围
最小值=0,
最大值=1000,
从…起
到
var updateValues=函数(){
$from.prop(“价值”,from);
美元对道具(“价值”,对);
};
$range.IonRange滑块({
类型:“双”,
敏:敏,,
马克斯:马克斯,
已启用美化:false,
网格:是的,
网格数量:10,
onChange:函数(数据){
from=data.from;
to=data.to;
updateValue();
}
});
range=$range.data(“IonRangeSlaider”);
var updateRange=函数(){
range.update({
from:from,,
致:致
});
};
$from.on(“更改”,函数(){
from=+$(this.prop(“value”);
如果(从<分钟){
from=min;
}
如果(从>到){
从=到;
}
updateValue();
updateRange();
});
$to.on(“更改”,函数(){
to=+$(this.prop(“value”);
如果(到>最大值){
to=最大值;
}
if(to
需要帮助 使用
滑块:
您可以创建一个小提琴吗?供未来读者参考,您还可以控制滑块的元素,如本问题代码所示。祝你好运@纳加维尔·高达。你能看到这个链接吗。
var $range = $(".js-range-slider"),
$from = $(".js-from"),
$to = $(".js-to"),
range,
min = 0 ,
max =1000 ,
from,
to;
var updateValues = function () {
$from.prop("value", from);
$to.prop("value", to);
};
$range.ionRangeSlider({
type: "double",
min: min,
max: max,
prettify_enabled: false,
grid: true,
grid_num: 10,
onChange: function (data) {
from = data.from;
to = data.to;
updateValues();
}
});
range = $range.data("ionRangeSlider");
var updateRange = function () {
range.update({
from: from,
to: to
});
};
$from.on("change", function () {
from = +$(this).prop("value");
if (from < min) {
from = min;
}
if (from > to) {
from = to;
}
updateValues();
updateRange();
});
$to.on("change", function () {
to = +$(this).prop("value");
if (to > max) {
to = max;
}
if (to < from) {
to = from;
}
updateValues();
updateRange();
});
</script>
<div>
<rzslider
rz-slider-model="slider.value"
rz-slider-options="slider.options"></rzslider>
</div>