angular-nouislider

WebJar for angular-nouislider

License	MIT
Categories	IDE Development Tools Angular User Interface Web Frameworks
GroupId	org.webjars.bower
ArtifactId	angular-nouislider
Last Version	0.3.1
Release Date	Apr 14, 2015
Type	jar
Description	angular-nouislider WebJar for angular-nouislider
Project URL	http://webjars.org
Source Code Management	https://github.com/vasyabigi/angular-nouislider

Download angular-nouislider

Filename	Size
angular-nouislider-0.3.1.pom
angular-nouislider-0.3.1.jar	49 KB
angular-nouislider-0.3.1-sources.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.bower/angular-nouislider/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>angular-nouislider</artifactId>
    <version>0.3.1</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.bower/angular-nouislider/
implementation 'org.webjars.bower:angular-nouislider:0.3.1'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.bower/angular-nouislider/
implementation ("org.webjars.bower:angular-nouislider:0.3.1")

Apache Buildr

'org.webjars.bower:angular-nouislider:jar:0.3.1'

Apache Ivy

<dependency org="org.webjars.bower" name="angular-nouislider" rev="0.3.1">
  <artifact name="angular-nouislider" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.bower', module='angular-nouislider', version='0.3.1')
)

Scala SBT

libraryDependencies += "org.webjars.bower" % "angular-nouislider" % "0.3.1"

Leiningen

[org.webjars.bower/angular-nouislider "0.3.1"]

Dependencies

compile (3)

Group / Artifact	Type	Version
org.webjars.bower : angular	jar	[1.2.6,1.3)
org.webjars.bower : jquery	jar	[2.1.0,2.2)
org.webjars.bower : nouislider	jar	[6.2.0,6.3)

Project Modules

There are no modules declared in this project.

angular-nouislider

Simple angular directive for jquery nouislider plugin. Demo is here.

Usage:

• Install: bower install angular-nouislider
• Add jquery, angular, nouislider and angular-nouislider to your code:

<link rel="stylesheet" href="bower_components/nouislider/jquery.nouislider.css" />
<script src="bower_components/jquery/jquery.js"></script>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/nouislider/jquery.nouislider.js"></script>
<script src="bower_components/nouislider/Link.js"></script>
<script src="bower_components/angular-nouislider/src/nouislider.js"></script>

• Add a dependency to the nouislider module in your application.

angular.module('MyApp', ['nouislider']);

• Add a slider attribute to your <div> tag:

<div slider ng-model="test.single" start=1 end=10></div>
<div slider ng-from="test.from" ng-to="test.to" start=0 end=100 step=5></div>

• If you wanna change callback function, use callback attribute. (slide by default.)

<div slider ng-model="test.single" start=1 end=10 callback='change'></div>
<div slider ng-from="test.from" ng-to="test.to" start=0 end=100 step=5 callback='set'></div>

That's it!

Screenshot:

Versions

Version
0.3.1 Apr 14, 2015