Проблема с изолированными областями в угловых

Я пытаюсь запустить эту программу и не вижу вывода. Можете ли вы дать мне знать, что мне здесь не хватает. Заранее спасибо.

<html>
<head ng-app="myApp">
<title>Test</title>

<link rel="stylesheet"   href="//cdn.jsdelivr.net/foundation/4.3.2/css/foundation.min.css">
 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular.js"></script>

</head>
<body>
<div my-directive my-url="http://www.google.com" my-click="Click me">

</div>
</body>
<script>
angular.module('myApp',[]).directive('myDirective',function()
{
    return
    {
        restrict : 'AE',
        replace : true,
        scope :
        {
           myURL :'@',
           myClick : '@'
        },
        template : '<a href="{{myURL}}">{{myLinkText}}</a>'
    };
 });
</script>
</html>