2014-01-07 95 views
1

我在angularJS新的,我想创建一个小网站,以了解它是如何工作的。我的网站有三个要素:角指令不加载模板

  • 菜单栏
  • 一点点呈现
  • 模态窗口

这是链接到控制器与这三个元素的容器:

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

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

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

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

有人可以帮助我吗?

预先感谢您

+0

控制台中是否有任何错误?你的指令非常简单,所以你的代码不应该有任何问题。 –

+1

发布您的代码的HTML和JS – Dalorzo

+0

外观镀铬devtools网络选项卡里面,看看是否浏览器获取文件errorMessage.html –

回答

6

你有一个错字:tempalteUrl,而不是templateUrl

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

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

+1

其实我GIT克隆,下一次在这里发表您的代码! –