Angular ui-slider -动态最小/最大值
Angular ui-slider - dynamic min/max values
我正在使用角度ui滑块,我需要从外部源加载滑块的最小值和最大值,以便我可以像这样设置它们:
$scope.minMaxValues = {
slider1: {
min: 0,
max: 200
},
slider2: {
min: 0,
max: 200
},
slider3: {
min: 0,
max: 200
},
slider4: {
min: 0,
max: 200
},
slider5: {
min: 0,
max: 200
}
};
我的html是这样的:
<div class = "ui-slider-range ui-slider-handle" ui-slider="{range: true}" min="minMaxValues.slider1.min" max="minMaxValues.slider1.max" step="0.01" use-decimals ng-model="sliderValues[0]"></div>
由于ui-slider在该指令上使用属性,因此您需要传递实际值:
<div class = "ui-slider-range ui-slider-handle" ui-slider="{range: true}" min="{{minMaxValues.slider1.min}}" max="{{minMaxValues.slider1.max}}" step="0.01" use-decimals ng-model="sliderValues[0]"></div>
相关文章:
- 在Javascript数组中查找绝对最大值
- Html5输入属性的默认值,如最小值、最大值、大小等
- 按最大值获取数组索引
- 识别滑块范围的最小值和最大值
- 如何在最大值之前的某个点停止范围滑块
- 访问Highcharts系列的最小/最大值:afterSetExtremes不会激发
- 如何在拖动后获得图表的最小值和最大值放大高图表
- AngularJs:在数字输入字段中设置验证的条件最小值和最大值
- HTML5范围滑块最小值和最大值
- 使用javascript动态更改select中的最大值
- AngularJS Ion.RangeSlider 不会在更改特定按钮时动态更新最小值和最大值
- 使用具有金钱掩码的字段设置动态最大值
- 如何在rangeslider.js(IE8)中动态更改最小值和最大值
- 确定动态最小值/最大值的数字百分比
- 如何添加动态标签的最大值?
- 动态更改标签以显示y轴最小值和最大值
- Angular ui-slider -动态最小/最大值
- 2个框,2个动态最大值在设置一个时发生变化
- 生成具有动态最小值和最大值的动态jQuery Slider
- 设置最大值动态滑块