ngx slider

NGX扫描

基于ng5-slider的Angular> = 9的可自定义滑块组件。

如果您正在寻找具有<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。

已知问题

在报告新错误之前，请查看已知问题及其解决方法的列表。这些问题的新错误报告将不接受。

开发人员信息

如果您想为该项目做出贡献，请参见开发人员。

免责声明

由于缺乏原始软件包（NG5-SLIDER）的支持，因此增加了Angular 9+的支撑。此软件包的目的是支持Angular（9+）的较新版本，如果您正在寻找Angular版本<9的支持，请使用NG5-Slider。

执照

麻省理工学院许可证。