Angular2 slick carousel

angular carousel slick.js
Mehdi Guelloub picture Mehdi Guelloub · Nov 22, 2016 · Viewed 10.1k times · Source

Is there a tutorial to create an ANGULAR2 slick carousel component.

Or at least can anyone help me include jQuery and slick carousel script in ANGULAR2.

Answer

mikedanylov picture mikedanylov · Jan 15, 2017
  1. To install slick over npm you can refer to the original documentation or just run

npm install slick-carousel

in your project directory and npm will resolve jquery dependency as well.

  1. Include jquery and slick libraries
    • If you are using angular-cli, then include libraries in angular-cli.json file: ... "scripts": [ "../node_modules/jquery/dist/jquery.min.js", "../node_modules/slick-carousel/slick/slick.min.js" ], ...
    • also you can include libraries directly in index.html file
    • or use some other options
  2. Refer to another stackoverflow question on how to create a slick-slider component.

Related questions

Image carousel in Angular 6

I need an image carousel for my application (Angular v6), while surfing I found this solution i,e using ngx-drag-scroll. Is there any other way to do the image carousel like this ? Without using jquery/javascript,using only Typescript - …

Read More
Can't bind to 'ngModel' since it isn't a known property of 'input'

I've got the following error when launching my Angular app, even if the component is not displayed. I have to comment out the <input> so that my app works. zone.js:461 Unhandled Promise rejection: Template parse errors: Can't …

Read More
ngFor with index as value in attribute

I have a simple ngFor loop which also keeps track of the current index. I want to store that index value in an attribute so I can print it. But I can't figure out how this works. I basically have …

Read More