From http://www.thinkster.io/angularjs/oEo8ZAXv27/angularjs-isolate-scope

main.html

<div phone dial="callHome(message)"></div>

main.js

app.directive("phone", function () {
  return {
    scope: {
      dial: "&"    
      },    
    template: '<input type="text" ng-model="value">' + '<div class="button" ng-click="dial({message:value})">' +      'Call home!</div>',  
  };
});