角度ui滑块 - 动态最小/最大值

时间:2015-08-27 22:58:15

标签: javascript angularjs uislider jquery-ui-slider

我使用了角度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>

有关如何执行此操作的任何建议将不胜感激。

1 个答案:

答案 0 :(得分:0)

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