title: Get return value in callback Angular js Directive
body: <p>I have created one directive in Angularjs in which I need to use <code>callBackMethod</code>, so that I can call Controller's Function.</p>
  
  <p>Controller's function is called.But Controller's Function is returning some value.I want to get that value in callback function.How to achieve that?</p>
  
  <p>Below is my code for Directive</p>
  
  <pre><code>.directive('abcOption', function($compile) {
  return {
      restrict : 'A',
      template : '&lt;div class="filter-content"&gt;&lt;/div&gt;',
      replace : true,
      scope : {
              callBackMethod:'&amp;getDisplayName'
      },link: function(scope,element,attrs)
      {
          scope.getDataName =function(dataId)
          {
              scope.callBackMethod(dataId);
          };
  }
      };
  });
  </code></pre>
  
  <p>Below Code is for  Controller function</p>
  
  <pre><code>$scope.getDisplayName = function(columnName) {
  return 'abc';
  };
  </code></pre>
  
  <p>It's small snippet of the code. Controller function is called but I am not getting return value in directive function. I am getting <code>undefined</code> in console log if I log <code>scope.callBackMethod(dataId)</code>;</p>
  
  <p>How to get return value using <code>callBackMethod</code> in Directive?</p>