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