2014-02-16 109 views
1

我不能使ng-include指令工作。我看過並嘗試了幾個從stackoverflow的解決方案,但他們都沒有工作。我錯過了什麼嗎?除了這個之外,角度在文檔中隨處可見。該div沒有任何東西被銘記。ng-include角1.2不工作?

我正在使用基礎框架。它可能導致問題嗎?

這裏是我的index.html代碼:

<div ng-include="'partials/menu.html'"></div> 

我檢查和複查,我也有一個包含「menu.html」文件「的諧音」文件夾...

我也嘗試:

<div ng-include src="'partials/menu.html'"></div> 

<div ng-include="'/partials/menu.html'"></div> 

預先感謝您給我的任何幫助!

+0

您可以檢查您的控制檯/開發工具對於任何錯誤消息? – callmekatootie

+0

好的,我明白了。看來你不能在本地文件的chrome中執行http請求。控制檯顯示了一個錯誤。我試圖在Firefox中打開文件,它工作。我假設文件上傳到服務器後不會發生此錯誤。 P.S:對不起,我必須在評論中提出這個答案,但由於我的評分,我現在無法回答我自己的問題 – TonTir

回答

2

你有正確的代碼在這裏:

<div ng-include=" 'partials/menu.html' "></div> 

所以它是最有可能的路徑問題。如果您的partials文件夾不在您所稱的partial文件所在的同一文件夾中,則可能需要類似'../partials/menu.html'之類的內容。你可以嘗試創建一個簡單的'hello world'像partials/test.html,沒有角度的功能,並使用它來找到正確的路徑並讓你的ng-include工作。

1

感謝您的回答。其實我找出了問題所在。看來你不能在本地文件的chrome中執行http請求。控制檯顯示了一個錯誤。我試圖在Firefox中打開文件,它工作。我假設文件上傳到服務器後不會發生此錯誤。

0

的問題是使用單引號和雙引號的,你只需要其中的一個,像這樣:

<div ng-include="partials/menu.html"></div> 

該作品,以及

<div ng-include='partials/menu.html'></div>