Angular2 nouislider component
See demos
npm i --save nouislider ng2-nouislider
import { NouisliderModule } from 'ng2-nouislider';
@import "~nouislider/distribute/nouislider.min.css";
Add to map:
'nouislider': 'node_modules/nouislider',
'ng2-nouislider': 'node_modules/ng2-nouislider',
Add to packages:
'nouislider': { main: 'distribute/nouislider.js', defaultExtension: 'js' },
'ng2-nouislider': { main: 'src/nouislider.js', defaultExtension: 'js' },
<nouislider [connect]="true" [min]="0" [max]="15" [(ngModel)]="someRange"></nouislider>
this.form1 = this.formBuilder.group({ 'single': [ 10 ] });<form [formGroup]="form">
<nouislider [min]="0" [max]="20" [step]="0.5" [formControl]="form.controls.single"></nouislider>
</form>This component based on nouislider. Documentation about additional settings (passed in [config] @Input) can found here.
npm i
npm start
open http://localhost:8080
Thanks goes to these wonderful people (emoji key):
 Tomasz Bak 💻 👀 |
 Giacomo Mazzamuto 💻 👀 |
 Ryan Morris 💻 |
 Sven Flickinger 💻 |
 Riku Kallio 💻 |
 John Pinkster 💻 |
 Oleg Romanovskyi 💻 |
|---|---|---|---|---|---|---|
 ATeal 💻 |
 Jérémy Leherpeur 💻 |
 Matt Lewis 💻 |
 anysite 📖 |
 flmg 💻 |
 SirWojtek 📖 |
 Rubén Trujillo 💻 |
This project follows the all-contributors specification. Contributions of any kind are welcome!
MIT