Les directives AngularJS commettent une erreur - Impossible de lire la propriété 'compile' de non défini

Débutant à AngularJS et d'essayer de créer une simple directive. Le code ne fonctionne pas avec un
TypeError: Cannot read property 'compiler' undefined. Toutes les suggestions sont grandement appréciés.

JS

var xx = angular.module('myApp', []);
xx.directive('myFoo', 
             function(){
                 return 
                 {
                     template:'23'
                 };                     
});

HTML

<div ng-app="myApp">
<div my-foo></div>
</div>

Vous pouvez trouver le code et l'erreur ici https://jsfiddle.net/p11qqrxx/15/

source d'informationauteur user275157