AngularJS '&' directive scope - 1

gistfile1.html

<div ng-app="myApp" ng-controller="myController">
  <div my-clicky my-click-action="doStuff()"></div>
</div>

gistfile2.js

var app = angular.module('myApp', []);
app.controller('myController', function($scope) {
  // some feature that we'll want to surface to our directive:
  $scope.doStuff = function() {
    console.log(Math.ceil(Math.random() * 100));
  };
});
app.directive('myClicky', function() {
  return {
    scope: {
      // here we set up the binding
      // linking to the value
      // of the 'my-click-action' attribute
      myClickAction: '&'
    },
    // and we connect the expression
    // to the directive's template via 'ng-click'
    template: '<a ng-click="myClickAction()">Click Action</a>'
  };
});