title: ANGULAR: link function not being called on click in custom directive
body: <p>I'm in the middle of refactoring an old project to use custom directives, and I'm already running into a problem. I'm just trying to make a simple directive and build from there. I have a logger function in my directive's link function that just runs a console.log. I'm not sure what I'm missing here, and I'm sure it's something simple. Here's my directive:</p>
  
  <p>'use strict';</p>
  
  <pre><code>(function() {
      angular
          .module('sigFig')
          .directive('myDirective', myDirective);
  
      function myDirective(sigFigFactory) {
          var directive = {
              restrict: 'E',
              replace: 'true',
              templateUrl: 'Directives/directiveTemplate.html',
              link: link,
              compile: compile
          };
          return directive;
  
          function link(scope, element, attrs) {
              scope.logger = function() {
                  console.log('DING!!!');
              }
          }
          function compile(scope, element, attrs) {
              console.log('I AM A COMPILE FUNCTION');
          }
      }
  })();
  </code></pre>
  
  <p>The HTML template for it is just:</p>
  
  <pre><code>&lt;button ng-click="logger()"&gt;CLICK ME&lt;/button&gt;
  </code></pre>
  
  <p>And I'm calling it in my HTML like this:</p>
  
  <pre><code>&lt;my-directive&gt;&lt;/my-directive&gt;
  </code></pre>
  
  <p>The button appears and that console.log in my compile works, but the ng-click does not. What is it I'm missing? Thanks in advance!</p>