Angular指令不加载模板

时间:2014-01-07 16:43:40

标签: javascript angularjs

我是angularJS的新手,我正在尝试创建一个小网站来了解它的工作原理。我的网站有三个要素:

  • 菜单栏
  • 带有少许演示文稿的容器
  • 模态窗口

这是带有以下三个元素的控制器的链接:

https://github.com/ardiadrianadri/angular-bootstrap/blob/master/WebContent/js/controllerMainFrame.js

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

https://github.com/ardiadrianadri/angular-bootstrap

问题是两个第一个元素工作正常但第三个元素没有。事实上,模态窗口的模板永远不会加载到HTML代码中。

有人可以帮助我吗?

提前谢谢

1 个答案:

答案 0 :(得分:6)

你有一个拼写错误: tempalteUrl 而不是 templateUrl

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

angular.js没有抛出任何错误的原因是因为在声明一个指令时你只是传递一个带参数的对象。 angular甚至没有看到它不熟悉的属性(例如: tempalteUrl )所以从angular的角度来看,你的指令只是{restrict: 'E'},遗憾的是它等于什么。