Javascript Angular指令不加载模板

我是angularJS的新手，我正在尝试创建一个小网站来了解它是如何工作的。我的网站有三个要素：

• 菜单栏
• 有一个小展示的容器
• 模态窗口

这是通过以下三个元素与控制器的链接：

这是我代码主目录的链接：

问题是，前两个元素可以正常工作，但第三个元素不行。事实上，模式窗口的模板从未加载到HTML代码中

有人能帮我吗

---

提前感谢您

您的输入错误是：tempalteUrl而不是templateUrl

function errorModal(){
    return {
        restrict: 'E',
        templateUrl:'template/errorMessage.html'
    };
}

---

angular.js不抛出任何错误的原因是，在声明指令时，您只需传递一个带有参数的对象。angular甚至不看它不熟悉的属性（比如：tempalteUrl），所以从angular的角度来看，你的指令就是

{restrict:'E'}

，不幸的是它等于零。

你有一个输入错误：tempalteUrl而不是templateUrl

function errorModal(){
    return {
        restrict: 'E',
        templateUrl:'template/errorMessage.html'
    };
}

---

angular.js不抛出任何错误的原因是，在声明指令时，您只需传递一个带有参数的对象。angular甚至不查看它不熟悉的属性（如：tempalteUrl），因此从angular的角度来看，您的指令只是

{restrict:'E'}

，不幸的是，它等于零。

控制台中有错误吗？您的指令非常简单，因此这部分代码应该没有任何错误。将您的代码html和jsLook发布到chrome devtools网络选项卡中，查看浏览器是否获取文件errorMessage.htmlar控制台中是否存在任何错误？您的指令非常简单，因此您的代码的这一部分应该没有任何错误。将您的代码html和jsLook发布到chrome devtools网络选项卡中，查看浏览器是否获取文件errorMessage.html