Slick Carousel with Angular JS

Question

I am using Slick carousel in one of my AngularJS application. For that I have created directive as follows:

  myApp.directive(\'slickSlider\',function(){
            


        

Answer 1

I suspect that the slick plugin may need the DOM to be fully rendered to work properly.

Try:

myApp.directive('slickSlider',function($timeout){
 return {
   restrict: 'A',
   link: function(scope,element,attrs) {
     $timeout(function() {
         $(element).slick(scope.$eval(attrs.slickSlider));
     });
   }
 }
});