1.0.3 • Published 9 years ago
ng-slick-carousel v1.0.3
ng-slick-carousel
Angular directive for slick jquery carousel.
Usage:
- Install:
npm install ng-slick-carousel - Add
jquery,angular,slick-carouselandng-slick-carouselto your code:
import angular from "angular"
import jQuery from "jquery"
import "slick-carousel"
import "ng-slick-carousel"- Add a dependency to the
ng-slick-carouselmodule in your application.
angular.module('MyApp', ['ng-slick-carousel']);- Add a
slickelement 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-onloadproperty. Example:
<slick init-onload=true data="awesomeThings">
...
</slick>- To process on after change events use
on-after-changeevent. Example:
<slick on-after-change="OnAfterChange(event, slick, currentSlide)">
...
</slick>- If you wanna read about possible settings, go here.
That's it!