ngx slider

soldado

Un componente deslizante personalizable para Angular> = 9 basado en Ng5-Slider.

Si está buscando soporte angular con la versión <9, utilice el paquete original: NG5-Slider

Instalación

Para agregar el control deslizante a su proyecto angular:

 npm install --save @m0t0r/ngx-slider

Una vez instalado, agregue el control deslizante a su app.module.ts :

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

...

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

Uso de muestra

Ahora puede usar el componente deslizante en los componentes de su aplicación, por ejemplo en app.component.ts :

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

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

Y en la aplicación de archivo de app.component.html :

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

Estilo

Una descripción general de cómo aplicar su propio estilo al control deslizante se describe en Styling.md.

Animaciones

La verdadera verión de control deslizante presenta animaciones CSS del movimiento deslizante. Si prefiere el comportamiento anterior, sin animaciones, puede establecer la bandera animate: false en sus opciones de control deslizante.

Servicio de herramientas

El control deslizante permite personalizar cómo implementar información sobre herramientas. Consulte ToolTips.md para obtener más información.

Problemas conocidos

Antes de informar un nuevo error, mire a conoce_issues.md para obtener una lista de problemas conocidos y sus soluciones. No se aceptarán nuevos informes de errores para estos problemas.

Información del desarrollador

Si desea contribuir al proyecto, consulte Developers.md.

Descargo de responsabilidad

Debido a la falta de soporte del paquete original (deslizamiento NG5), se ha bifurcado con la adición de soporte Angular 9+. La intención de este paquete es admitir versiones más nuevas de Angular (9+), si está buscando soporte de la versión Angular <9, use Ng5-Slider.

Licencia

Licencia MIT.