Як визначити діапазон в Angular?
Компонент кутового діапазону
- Огляд. Створіть спеціальні елементи керування діапазоном за допомогою <input cFormControl type="range">. …
- Вимкнено. Додайте вимкнений логічний атрибут до вхідних даних, щоб надати йому вигляд сірого кольору та видалити події покажчика.
- Мін. і макс. Вхідні дані діапазону мають неявні значення для min="0" і max="100" відповідно. …
- Кроки.
Кнопки діапазону дозволяють користувачеві легко переходити до певних періодів часу та діапазонів на шкалі часу.
- Налаштування кутового проекту.
- Створіть новий додаток.
- Встановлення пакета Syncfusion RangeSlider. Дистрибутив бібліотеки Ivy. Зібраний пакет сумісності Angular (ngcc)
- Додавання компонента слайдера Syncfusion.
- Додавання посилання на CSS слайдера.
- Типи.
- Налаштування. Орієнтація. кнопки.
- Дивіться також.
Визначення та використання. <input type="range"> визначає елемент керування для введення числа, точне значення якого не є важливим (наприклад, повзунок). Діапазон за замовчуванням становить від 0 до 100. Однак ви можете встановити обмеження на те, які номери приймаються за допомогою наведених нижче атрибутів.
RangeSelector — це компонент інтерфейсу користувача, який дозволяє користувачеві вибирати діапазон значень на шкалі. Цей компонент інтерфейсу користувача представляє шкалу (числову або дату-час) і два повзунки. Пересуваючи повзунки, користувач вибирає необхідний діапазон. Діаграма може відображатися на фоні компонента UI RangeSelector.
Функція range(). повертає послідовність чисел, починаючи з 0, збільшуючи на 1 і закінчуючи значенням, яке ви вказали як стоп (не включно).
