ngx slider

NGX-Slider

Настраиваемый компонент ползунка для Angular> = 9 на основе NG5-Slider.

Если вы ищете угловую поддержку с версией <9, используйте оригинальный пакет: NG5-Slider

Установка

Чтобы добавить ползунок в ваш угловой проект:

 npm install --save @m0t0r/ngx-slider

После установки добавьте слайдер в ваше app.module.ts :

 import { NgxSliderModule } from '@m0t0r/ngx-slider' ;

...

@ NgModule ( {
   ...
   imports : [
     ...
     NgxSliderModule ,
    ...
   ] ,
   ...
} )
export class AppModule { } 

Образец использования

Теперь вы можете использовать компонент слайдера в компонентах вашего приложения, например, в app.component.ts :

 import { Options } from '@m0t0r/ngx-slider' ;
...

@ Component ( { ... } )
export class AppComponent {
  value : number = 100 ;
  options : Options = {
    floor : 0 ,
    ceil : 200
  } ;
}

И в шаблоне файл app.component.html :

 < ngx-slider [(value)] =" value " [options] =" options " > </ ngx-slider > 

Стиль

Обзор того, как применить свой собственный стиль к слайдеру, описан в Styling.md.

Анимация

Нынешняя версия слайдера имеет CSS -анимацию движения слайдера. Если вы предпочитаете предыдущее поведение, без анимации, вы можете установить флаг animate: false в вариантах слайдера.

По мотивам инструментов

Слайдер позволяет настроить, как реализовать подсказки. См. Tooltips.md для получения дополнительной информации.

Известные проблемы

Прежде чем сообщать о новой ошибке, пожалуйста, посмотрите на stonnal_issues.md для списка известных проблем и их обходных путей. Новые отчеты об этих проблемах не будут приняты.

Информация о разработчике

Если вы хотите внести свой вклад в проект, см. Developers.md.

Отказ от ответственности

Из-за отсутствия поддержки исходного пакета (NG5-Slider) он был раздвоен с добавлением угловой поддержки 9+. Цель этого пакета состоит в том, чтобы поддержать новые версии Angular (9+), если вы ищете поддержку угловой версии <9, используйте NG5-Slider.

Лицензия

MIT Лицензия.