Angular 指令不加载模板答案

【问题标题】：Angular directive does not load the templateAngular 指令不加载模板
【发布时间】：2014-01-07 16:43:40
【问题描述】：

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

这是带有这三个元素的控制器的链接：

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

问题是第一个元素可以正常工作，但第三个元素不能。事实上，模态窗口的模板从来没有加载到 HTML 代码中。

有人可以帮我吗？

提前谢谢你

【问题讨论】：

【解决方案1】：

您有一个错字：tempalteUrl 而不是 templateUrl

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

angular.js 之所以没有抛出任何错误，是因为在声明指令时，您只需传递一个带参数的对象。 angular 甚至不会查看它不熟悉的属性（例如：tempalteUrl），所以从 angular 的角度来看，您的指令只是 {restrict: 'E'}，可悲的是等于没有。

【讨论】：