ng-slick-carousel

Angular directive for slick jquery carousel.

Usage:

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

import angular from "angular"
import jQuery from "jquery"
import "slick-carousel"
import "ng-slick-carousel"

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

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

• 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>

• To process on after change events use on-after-change event. Example:

<slick on-after-change="OnAfterChange(event, slick, currentSlide)">
  ...
</slick>

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

That's it!