I am currently working with the angular ui-slider and I am looking to dynamically load the min- and max values for the slider from an external source. This will allow me to set them in a structured way, similar to the following:
$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
}
};
The structure of my HTML code looks as follows:
<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>
If anyone has any suggestions on how to effectively implement this feature, please feel free to share your thoughts.