Angularjs 以下示例中的Angular指令不起作用

我一直在YouTube和其他网站上观看以下视频，试图学习Angular和阅读其他帖子等，但我似乎无法让下面的代码正常工作，我在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>

---

请参阅下面的工作演示

var-app=angular.module'MyApp'，[]； 应用指令“测试”，功能{ 返回{ 限制：'E'， 是的， 模板：“这有用吗？” } };

---

将代码放在脚本内标记代码在另一个浏览器中的javascript文件中尝试或处于匿名模式。它可能会有缓存的阻碍。嗨@Sylvester，谢谢你的回复，如果你把ng app=MyApp放在身体里，它确实会起作用，但我正试图像视频中那样将它添加到div中，但无法将它添加到work@GeorgePhillipson请参阅更新的answear。Ng应用程序不必添加到body标记中，但它必须放在dom层次结构中您的指令之上。还要确保angularjs和您的脚本已加载。Hi@Sylvester仍然无法工作，Google developer中没有错误。我遗漏了一些东西。@GeorgePhillipson请创建或使用您的代码，否则很难通知Hi@Sylvester在观看此视频后创建了另一个测试，但仍然没有错误且不起作用，ceated jsbin帐户和代码在此处：