title: Calling controller from directive
body: <p>I am trying to call a controller from directive....Here is the code which i am writing</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>penApp.directive('enpo', function() {
   return {
      restrict: 'E',
   
      scope: {
        info: '=',
     dragEvent: '&amp;dragParent'
   },
   templateUrl: 'enpo.html',
   link: function(scope, element, attrs){
    
    var circleDiv = element.find(".circle")
    element.droppable({
     
     
    })
    element.draggable({
     handle: ".circle",
     drag: function( event, ui ) {
      
      scope.dragEvent();
     }
    });
    var eDiv = element.find(".temp")
    $(eDiv).draggable({revert: true});
   }
  };
  
  })</code></pre>
  </div>
  </div>
  </p>
  
  <p>and this is the code for .html file</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="row "&gt;
   &lt;div id="n_div" class="col-xs-12 dd_area"&gt;
    &lt;end-point drag-parent="drawLine()" ng-repeat="info in stageObjectArray" info="info"&gt;&lt;/end-point&gt;
   &lt;/div&gt;
   &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>and this is the function i have written in controller</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$scope.drawLine = function(){
   
    console.log("Called thsssssse function")
   }</code></pre>
  </div>
  </div>
  </p>
  
  <p>I am not able to figure out what is going wrong here...can anyone please guide...the controller function is not getting called</p>