app.directive('myDirective',function () {
  return {
    restrict: 'E',scope: {},// Add this line to create an isolated scope
    template: '<div>Foo: {{foo}}</div><button ng-click="incrementFoo()">Increment Foo</button>',controller: function ($scope) {
      $scope.foo = 0;
      $scope.incrementFoo = function () {
        $scope.foo += 1;
      };

      $scope.$watch('foo',function () {
        $scope.$emit('fooChanged',{foo: $scope.foo});
        console.log($scope);
      });
    }
  };
});