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

因爲UI滑塊對指令使用屬性，你需要通過實際值：

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