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() {});

function MyCtrl($scope, $compile) {
    $scope.name = 'Compiled value';
   
   $scope.logName = function() {
   	console.log($scope.name);
   }
   
   addEventListener('load', load, false);
   
   var myDirective = '<div ng-mouseover="logName()">Some directive {{name}}</div>';
   var compiledDirective = $compile(myDirective)($scope.$new());   
   
    function load(){
           angular.element('#my_dir').append(compiledDirective);
     }
   
}