Angular.js函数未在指令中加载

Question

我正在创建一个angular的指令，我正在尝试理解为什么函数链接没有加载，如果我在函数链接之前插入console.log('i am working');我将能够在我的控制台中看到该消息。

但如果我在链接功能中插入一个控制台日志，这不会加载到我的页面，任何想法会发生什么？为什么我无法在我的功能链接中收到console.log消息？

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

    var
      scope = {};
console.log('i am working');


    function link($scope, $element) {
      console.log('function link is loading');


          $('.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: 'app/components/slider/slider.html',
      link: link
    };
  }
]);