jQuery slick.jsをangularjsディレクティブに変換する

Question

私はjQueryをangularjsディレクティブに変換しようとしていましたが、以下のコードで何が間違っているのか分かりません。私は角度が非常に新しく、なぜこのコードが機能していないのか理解できません。

HTML：

<div class="slider"> 
    <div class="slide-block"> 
    <i class="fa fa-lg fa-exchange"></i> 
    <h4>1</h4> 
    </div> 
    <div class="slide-block"> 
    <i class="fa fa-lg fa-exchange"></i> 
    <h4 > 2</h4> 
    </div> 
</div> 

JS：

angular.module('components').directive('slick', [ 
     'jquery', 
     function slick($) { 
     'use strict'; 

     var 
      scope = {}; 

     function link($scope, $element) { 


       $('.slider').slick({ 
      centerMode: false, 
      infinite: false, 
      centerPadding: '2px', 
      slidesToShow: 6, 
      speed: 200, 
      index: 2, 

      variableWidth: true, 
      responsive: [{ 
      breakpoint: 768, 
      settings: { 
       arrows: false, 
       centerMode: true, 
       centerPadding: '40px', 
       slidesToShow: 3 
      } 
      }, { 
      breakpoint: 480, 
      settings: { 
       arrows: false, 
       centerMode: true, 
       centerPadding: '40px', 
       slidesToShow: 1 
      } 
      }] 
     }); 

     } 

     return { 
      restrict: 'A', 
      scope: scope, 
      templateUrl: 'slick.html', 
      link: link 
     }; 
     } 
    ]); 

Answer 1

だけでこれを行い、角度モジュールのカップルがすでにあります。それらをチェック！

https://github.com/vasyabigi/angular-slick
https://github.com/devmark/angular-slick-carousel