ohsu-qin/ng2-nouislider

Name: ng2-nouislider

Owner: OHSU QIN

Description: Angular2 noUiSlider directive

Forked from: tb/ng2-nouislider

Created: 2016-08-20 17:29:28.0

Updated: 2016-08-20 17:29:29.0

Pushed: 2016-08-20 17:51:39.0

Homepage:

Size: 2291

Language: JavaScript

GitHub Committers

UserMost Recent Commit# Commits

Other Committers

UserEmailMost Recent Commit# Commits

README

ng2-nouislider

Angular2 nouislider directive

See demos

Note: ng2-nouislider is RC3 compatible using the new Forms API (@angular/forms)

Install
npm i --save nouislider ng2-nouislider
Import
import {Nouislider} from 'ng2-nouislider';

Styles

@import "~nouislider/distribute/nouislider.min.css";
Usage
<div nouislider [connect]="true" [min]="0" [max]="15" [(ngModel)]="someRange"></div>
Start development
git clone --recursive https://github.com/tb/ng2-nouislider.git
cd ng2-nouislider
npm install
npm start
# check http://localhost:8080 in browser
License

MIT


This work is supported by the National Institutes of Health's National Center for Advancing Translational Sciences, Grant Number U24TR002306. This work is solely the responsibility of the creators and does not necessarily represent the official views of the National Institutes of Health.