Angular directive for slick-carousel original from http://vasyabigi.github.io/angular-slick/

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:

<linkrel="stylesheet" href="bower_components/slick-carousel/slick/slick.css"><linkrel="stylesheet" href="bower_components/slick-carousel/slick/slick-theme.css"><scriptsrc="bower_components/jquery/jquery.js"></script><scriptsrc="bower_components/angular/angular.js"></script><scriptsrc="bower_components/slick-carousel/slick/slick.js"></script><scriptsrc="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><slickinfinite=trueslides-to-show=3slides-to-scroll=3>
...
</slick><slickdots=trueinfinite=falsespeed=300slides-to-show=5touch-move=falseslides-to-scroll=1>
...
</slick>

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

<slickinit-onload=truedata="awesomeThings">
...
</slick>

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

That's it!