Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
  <div id="my_dir">

  </div>
</div>

JavaScript

var myApp = angular.module('myApp', []);

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

myApp.factory('myService', ['$compile', function($compile) {
  return {
    myFunction: function($scope) {
      console.log('ei');
      $scope.name = 'Compiled value';
      var myDirective = '<div ng-mouseover="console.log(\'here\')">Some directive {{name}}</div>';
      var compiledDirective = $compile(myDirective)($scope.$new());
      angular.element('#my_dir').append(compiledDirective);
    }
  }
}]);

function MyCtrl($scope, $compile, myService) {

  addEventListener('load', load, false);

  function load() {
    console.log('mm')
    myService.myFunction($scope);
  }
}