Javascript AngularJS TemplateURL未显示-正在执行指令代码

我的AngularJS应用程序没有显示在localhost上运行的TemplateURL测试应用程序的内容，而不是文件：//，我也无法让它在Plunkr上运行。请帮我找出我做错了什么

我的元素是这样的：

 <div case-test=""></div>

但是当我将指令更改为此时，case.html的内容不会出现。console.log将运行，但不会出现任何错误：

.directive('caseTest', function () {

    return {
        restrict: 'A',
        templateURL: 'case.html',
        link: function (scope, element, attrs) {

            console.log("Case test running")

        }
    };
});

case.html位于web应用程序的根目录中，与应用程序的index.html位于同一文件夹中

我把它插进去了。如您所见，如果查看控制台输出，两个指令都会运行，但只有第一个指令会打印出其模板

---

我做错了什么？

可以通过URL引用模板的属性的正确名称是templateUrl，而不是templateUrl

---

可以通过URL引用模板的属性的正确名称是templateUrl，而不是templateUrl

.directive('caseTest', function () {

    return {
        restrict: 'A',
        templateURL: 'case.html',
        link: function (scope, element, attrs) {

            console.log("Case test running")

        }
    };
});