Я использую угловой ui-слайдер, и мне нужно загрузить ползунок min- и максимальные значения из внешнего источника, чтобы я мог их установить следующим образом:
$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>