angular-slick

WebJar for angular-slick

License	MIT
Categories	Angular User Interface Web Frameworks
GroupId	org.webjars.bower
ArtifactId	angular-slick
Last Version	0.2.1
Release Date	Mar 18, 2016
Type	jar
Description	angular-slick WebJar for angular-slick
Project URL	http://webjars.org
Source Code Management	https://github.com/vasyabigi/angular-slick

Download angular-slick

Filename	Size
angular-slick-0.2.1.pom
angular-slick-0.2.1.jar	6 KB
angular-slick-0.2.1-sources.jar	22 bytes

How to add to project

Apache Maven

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

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.bower/angular-slick/
implementation 'org.webjars.bower:angular-slick:0.2.1'

Gradle Kotlin

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

Apache Buildr

'org.webjars.bower:angular-slick:jar:0.2.1'

Apache Ivy

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

Groovy Grape

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

Scala SBT

libraryDependencies += "org.webjars.bower" % "angular-slick" % "0.2.1"

Leiningen

[org.webjars.bower/angular-slick "0.2.1"]

Dependencies

compile (2)

Group / Artifact	Type	Version
org.webjars.bower : angular	jar	[1.3.0,1.4)
org.webjars.bower : slick-carousel	jar	[1.4.1,1.5)

Project Modules

There are no modules declared in this project.

angular-slick

Angular directive for slick jquery carousel. Demo is here.

Usage:

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

<link rel="stylesheet" href="bower_components/slick-carousel/slick/slick.css">
<link rel="stylesheet" href="bower_components/slick-carousel/slick/slick-theme.css">
<script src="bower_components/jquery/jquery.js"></script>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/slick-carousel/slick/slick.js"></script>
<script src="bower_components/angular-slick/dist/slick.js"></script>

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

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

• Add a slick element to your html:

<slick>
  ...
</slick>

<slick infinite=true slides-to-show=3 slides-to-scroll=3>
  ...
</slick>

<slick dots=true infinite=false speed=300 slides-to-show=5 touch-move=false slides-to-scroll=1>
  ...
</slick>

• For initialization carousel after data is loaded use init-onload property. Example:

<slick init-onload=true data="awesomeThings">
  ...
</slick>

• If you wanna read about possible settings, go here.

That's it!

Versions

Version
0.2.1 Mar 18, 2016
0.1.17 Mar 23, 2015