title: passing $event to ng-click but event is undefined
body: <p>In my controller, upon a click event, I add a directive to the page, which is going to be able to call <code>controllerFunc</code></p>
  
  <pre><code>$scope.addDirective = function(e, instance){
     $scope.instance = instance;
     $(e.currentTarget.parentElement).append($compile('&lt;my-directive myfunc="controllerFunc($event)" mydata={{instance}}/&gt;')($scope));
  }
  </code></pre>
  
  <p>In my directive, I set it up so that controllerFunc gets called on a click event (via myfunc: &amp;), and I try to pass the click event via <code>$event</code></p>
  
  <pre><code>app.directive('myDirective',function(){
          return {
           restrict: 'AE',
           scope: {
             mydata: '@',
             myfunc: "&amp;"
  
           },
           template: '&lt;div class="row"&gt;&lt;div class="col-4" ng-click="myfunc($event)"&gt;&lt;/div&gt;&lt;/div&gt;',
           link: function(scope, elem, attrs){
               //ommitted
  
           }
  
          }
  }
  </code></pre>
  
  <p>When I click the relevant div, <code>controllerFunc</code> gets called in the controller but the event is said to be <code>undefined</code>.</p>
  
  <pre><code> $scope.controllerFunc = function(e){
         //called on the click event but e is undefined
   }
  </code></pre>
  
  <p>Is there a way to pass the event with <code>ng-click</code> in this situation (i.e. where I've added a template to the dom with an ng-click event? It seems like it should work (since the click event triggers the function) but there's no event in <code>controllerFunc</code></p>