ngx slider

cavalier ngx

Un composant curseur personnalisable pour Angular> = 9 basé sur NG5-Slider.

Si vous recherchez une prise en charge angulaire avec la version <9, veuillez utiliser le package original: NG5-Slider

Installation

Pour ajouter le curseur à votre projet angulaire:

 npm install --save @m0t0r/ngx-slider

Une fois installé, ajoutez le curseur à votre app.module.ts :

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

...

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

Utilisation des échantillons

Vous pouvez maintenant utiliser le composant curseur dans les composants de votre application, par exemple dans app.component.ts :

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

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

Et dans le fichier de modèle app.component.html

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

Coiffage

Un aperçu de la façon d'appliquer votre propre style au curseur est décrit dans Styling.md.

Animations

La Verion actuelle du curseur propose des animations CSS du mouvement des curseurs. Si vous préférez le comportement précédent, sans animations, vous pouvez définir le drapeau animate: false dans vos options de curseur.

Infractions

Le curseur permet de personnaliser la façon d'implémenter les infractions. Voir Toolst.md pour plus d'informations.

Problèmes connus

Avant de signaler un nouveau bogue, veuillez consulter connu_issues.md pour une liste de problèmes connus et leurs solutions de contournement. Les nouveaux rapports de bogues pour ces problèmes ne seront pas acceptés.

Informations sur les développeurs

Si vous souhaitez contribuer au projet, consultez les développeurs.md.

Clause de non-responsabilité

En raison du manque de soutien du package d'origine (NG5-Slider), il a été fourchu avec l'ajout de support Angular 9+. L'intention de ce package est de prendre en charge les versions plus récentes d'Angular (9+), si vous recherchez la prise en charge de la version angulaire <9, veuillez utiliser NG5-Slider.

Licence

Licence MIT.