Блог

Главная - Вопросы по программированию - Не удается создать слайдер () в пользовательском интерфейсе

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

#html #angularjs

#HTML #angularjs

Вопрос:

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

может ли этот <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 
  }
};

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

Комментарии:

1. Как именно вы «запускаете» этот код? Что должен делать этот код?

2. код должен создать мульти-слайдер

3. rzslider является компонентом или директивой?

4. это html-тег

5. rzslider или «AngularJS Slider» — это компонент AngularJS 1, использующий пользовательский HTML-тег <rzslider> в качестве целевого элемента для создания графического значения слайдера.

Ответ №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';
        }
    },
}

Убедитесь, что у вас есть модуль add rzSlider в вашем app.js

Комментарии:

1. Имя модуля 'rzSlider' не rzModule .