Угловая директива не работает при следующих примерах

Question

Я смотрел следующее видео на YouTube http://youtu.be/QwaVgz-GSXY?t=2m33s, а также другие, поскольку я пытаюсь изучить Угловые и читать другие сообщения и т. Д., Но я просто не могу заставить код работать , Я просмотрел ответ в инструментах разработчика Google, но ошибок нет.

Может кто-нибудь увидеть, где я буду неправильно

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular.min.js"></script> 
    <script src="~/Scripts/AngularJs/myApp.js"></script> 

/* use strict */ 
var app = angular.module('MyApp', []); 
app.directive('test', function() { 
    return { 
     restrict: 'E', 
     transclude: true, 
     template:'<h2>Does this work</h2>' 
    } 
}); 


<div id="test" ng-app="MyApp"> 
      <test></test> 
     </div> 

Answer 1

Пожалуйста, смотрите рабочую демку ниже

var app = angular.module('MyApp', []); 
 
app.directive('test', function() { 
 
    return { 
 
    restrict: 'E', 
 
    transclude: true, 
 
    template: '<h2>Does this work</h2>' 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<div ng-app="MyApp"> 
 
    
 
    <test></test> 
 
    
 
</div>