Не удается создать ползунок (<rzslider>) в пользовательском интерфейсе

Question

Правильно ли работает этот код? потому что у меня есть вопрос, что тег будет выполняться без каких-либо встроенных библиотек

может ли этот тег <rzslider> запускаться непосредственно на странице без каких-либо встроенных пакетов <rzslider>

запуск с использованием сервера Linux.

<rzslider rz-slider-model="slider.minValue" 
   rz-slider-high="slider.maxValue" 
   rz-slider-options="slider.options"></rzslider>

$scope.slider = { 
   minValue: 10, 
   maxValue: 90, 
   options: { 
   floor: 0, 
   ceil: 100, 
   step: 1 
  }
};

используя эти теги, я не могу создать слайдер в пользовательском интерфейсе. так как я могу выполнить его, чтобы показать слайдер в пользовательском интерфейсе?

Answer 1

Вы должны попробовать, как показано ниже

В поле зрения

<rzslider rz-slider-model="slider.value"
          rz-slider-options="slider.options">
</rzslider>

В контроллере

$scope.slider = {
    value: 10,
    options: {
        floor: 7,
        ceil: 10,
        showTicks: true,
        showSelectionBar: true,
        hidePointerLabels: true,
        hideLimitLabels: true,
        showTicksValues: false,
        readOnly: true,
        getTickColor: function (value) {
            if (value < 3)
              return 'red';
            if (value < 6)
              return 'orange';
            if (value < 9)
              return 'yellow';
            return '#2AE02A';
        }
    },
}

Makeуверен, что вы добавили модуль rzSlider в ваш app.js