ngx slider

NGX-SLIDER

Um componente deslizante personalizável para angular> = 9 com base no slider NG5.

Se você está procurando suporte angular com versão <9, use o pacote original: NG5-Slider

Instalação

Para adicionar o controle deslizante ao seu projeto angular:

 npm install --save @m0t0r/ngx-slider

Depois de instalado, adicione o controle deslizante ao seu app.module.ts :

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

...

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

Uso de amostra

Agora você pode usar o componente deslizante em seus componentes do aplicativo, por exemplo, em app.component.ts :

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

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

E no modelo de arquivo app.component.html :

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

Estilo

Uma visão geral de como aplicar seu próprio estilo ao controle deslizante é descrito em Styling.md.

Animações

A atual Verion of Slider apresenta animações CSS do movimento deslizante. Se você preferir o comportamento anterior, sem animações, pode definir o sinalizador animate: false em suas opções de controle deslizante.

Dicas de ferramentas

O controle deslizante permite personalizar como implementar dicas de ferramentas. Consulte ToolTips.md para obter mais informações.

Questões conhecidas

Antes de relatar um novo bug, consulte o KNOWNE_ISSUES.MD para obter uma lista de problemas conhecidos e suas soluções alternativas. Novos relatórios de bugs para esses problemas não serão aceitos.

Informações do desenvolvedor

Se você deseja contribuir para o projeto, consulte Developers.md.

Isenção de responsabilidade

Devido à falta de apoio ao pacote original (NG5-Slider), ele foi bifurcado com a adição de suporte angular 9+. A intenção deste pacote é suportar versões mais recentes do Angular (9+), se você estiver procurando por suporte à versão angular <9, use o NG5-Slider.

Licença

MIT Licença.