Угловой ui-слайдер - динамические минимальные/максимальные значения

Question

Я использую угловой 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> 

Любые предложения о том, как сделать это были бы оценены.

Answer 1

, поскольку пользовательский интерфейс слайдер использует атрибуты на этой директиве, необходимо передать фактические значения:

<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>