title: How to pass a function handler from controller into directive isolated scope in AngularJs?
body: <p>I have the following function in controller:</p>
  
  <pre><code>  angular.module('app').controller('BodyController', function(){
      this.click = function(message){
        alert(message);
      }
    })
  </code></pre>
  
  <p>I want to pass this function into directive's isolated scope to call it with some specific params, something like that:</p>
  
  <pre><code>  angular.module('app').directive('custom', function(){
      return {
        restrict: 'A',
        scope: {
          text: '@',
          click: '&amp;click'
        },
        link: function(scope, element){
          //...
          scope.click('Hello, Plunker!');
          //...
        }
      }
    })
  </code></pre>
  
  <p>And I pass thefunction in this way: </p>
  
  <pre><code>&lt;h1 custom text="Hello Plunker!" click="ctrl.click"&gt;&lt;/h1&gt;
  </code></pre>
  
  <p>Here is an example: <a href="http://plnkr.co/edit/4zkxuHJIB3D339h2Oy60?p=preview" rel="nofollow">http://plnkr.co/edit/4zkxuHJIB3D339h2Oy60?p=preview</a></p>
  
  <p>The function is not called. What am I missing?</p>
  
  <p>Thanks in advance</p>