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

0

Я использую угловой ui-слайдер, и мне нужно загрузить ползунок min- и максимальные значения из внешнего источника, чтобы я мог их установить следующим образом:

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

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

Теги:
uislider
jquery-ui-slider

1 ответ

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>

Ещё вопросы

Сообщество Overcoder
Наверх
Меню