2014-01-07 122 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克隆,下一次在這裏發表您的代碼! –