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。

執照

麻省理工學院許可證。