multi-item responsive carousel for angular material

angularjs slider carousel responsive angularjs-material
William Scott picture William Scott · May 27, 2017 · Viewed 20.6k times · Source

I'm trying to create a multi item responsive slider in AngularJS. I'm familiar with Owl Carousel (https://owlcarousel2.github.io/OwlCarousel2/) and Slick Slider (http://kenwheeler.github.io/slick/), but both use jQuery and I want something without jQuery.

Please suggest any directives or sliders, or any other easy way to do it.

I want to achieve the following output:

enter image description here

Thanks!

Answer

Lijo picture Lijo · Apr 19, 2018

I have created on multi item carousal that is available on github

You can see demo here

screenshot

Related questions

How to implement jQuery range slider in AngularJS

I am trying to use anuglar-slider in my existing AngularJS app. I followed the author's comments here I downloaded below files (in Head tag) from author's github and added in my index.html HTML code: <head> <link …

Read More
if else statement in AngularJS templates

I want to do a condition in an AngularJS template. I fetch a video list from the Youtube API. Some of the videos are in 16:9 ratio and some are in 4:3 ratio. I want to make a condition like this: if …

Read More
How do I use $scope.$watch and $scope.$apply in AngularJS?

I don't understand how to use $scope.$watch and $scope.$apply. The official documentation isn't helpful. What I don't understand specifically: Are they connected to the DOM? How can I update DOM changes to the model? What is the connection …

Read More