Angular ui-slider - 动态最小/最大值

Posted 2023-03-13

【中文标题】Angular ui-slider - 动态最小/最大值

【英文标题】：Angular ui-slider - dynamic min/max values

【发布时间】：2015-08-27 22:58:14

【问题描述】：

我正在使用 angular ui-slider，我需要从外部源加载滑块的最小值和最大值，以便我可以像这样设置它们：

$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】：

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