ngx slider

NGX-Slider

Eine anpassbare Slider-Komponente für Angular> = 9 basierend auf NG5-Slider.

Wenn Sie mit der Version <9 nach Winkelunterstützung suchen, verwenden Sie bitte das Originalpaket: NG5-Slider

Installation

So fügen Sie den Schieberegler Ihrem Winkelprojekt hinzu:

 npm install --save @m0t0r/ngx-slider

Nach der Installation fügen Sie den Schieberegler zu Ihrer app.module.ts hinzu:

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

...

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

Stichprobenverbrauch

Jetzt können Sie die Slider -Komponente in Ihren App -Komponenten verwenden, z. B. in app.component.ts :

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

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

Und in Vorlagendatei app.component.html :

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

Styling

Ein Überblick darüber, wie Sie Ihren eigenen Stil auf den Schieberegler anwenden, wird im Styling.md beschrieben.

Animationen

Der aktuelle Verion von Slider verfügt über CSS -Animationen der Schiebereglerbewegung. Wenn Sie das vorherige Verhalten ohne Animationen bevorzugen, können Sie das Flag animate: false in Ihren Slider -Optionen festlegen.

Tooltips

Der Schieberegler ermöglicht das Anpassen, wie Tooltips implementiert werden. Weitere Informationen finden Sie unter Tooltips.md.

Bekannte Probleme

Bevor Sie einen neuen Fehler gemeldet haben, sehen Sie sich bitte bekannte_issues.md für eine Liste bekannter Probleme und deren Problemumgehungen an. Neue Bugs -Berichte für diese Probleme werden nicht akzeptiert.

Entwicklerinformationen

Wenn Sie zum Projekt beitragen möchten, siehe Entwickler.md.

Haftungsausschluss

Aufgrund mangelnder Unterstützung des ursprünglichen Pakets (NG5-Slider) wurde es mit der Zugabe von Angular 9+-Unterstützung gegabelt. Die Absicht dieses Pakets ist es, neuere Versionen von Angular (9+) zu unterstützen. Wenn Sie nach Unterstützung der Angular-Version <9 suchen, verwenden Sie bitte NG5-Slider.

Lizenz

MIT -Lizenz.