2015-04-06 75 views
2

所以我用下面的標籤AngularJS包括:AngularJS NG-包括不會出於某種原因

<div data-ng-include src="'../templates/footer.html'"></div> 

頁腳文件模板目錄中,包括下面的代碼

<footer class="primary-footer"> 
<div class="copyright"><small>&copy; 2015</small></div> 
</footer> 
</body> 
</html> 

但是,當我加載頁面時,頁腳不加載。當我查看源代碼時,它給了我一個404錯誤。我只是沒有訪問正確的目錄,或者這是我的代碼錯了嗎?

+1

檢查文件路徑,並與控制檯日誌 – Sajeetharan 2015-04-06 06:28:48

+0

你給了錯誤的道路相比,這是我能看到 – 2015-04-06 06:38:46

+1

你只需要唯一的問題'data-ng-include =''../ templates/footer.html'「'並且檢查路徑中是否需要'../'。在瀏覽器開發人員工具中檢查網絡,獲取該資源的URL。 – Nilesh 2015-04-06 06:47:41

回答

3

相反的:

<div data-ng-include src="'../templates/footer.html'"></div> 

用途:

<div data-ng-include data-src="'../templates/footer.html'"></div> 
+0

這樣做會有什麼區別 – 2015-04-06 06:43:48

+0

正如您看到的,只需添加data-ng-include屬性並使用data-src屬性將其指向部分文件即可。注意視圖路徑中的引號,如果您沒有添加,Angular會將其視爲表達式並嘗試對其進行評估,而不是包含模板。 – Deep 2015-04-06 06:44:55

+0

@pankajparkar正在分析的表達式。原始'src'屬性不能有一個有效的值加上額外的引號 – 2015-04-06 06:45:09

2

不喜歡它 - <div data-ng-include="'../templates/footer.html'"></div> 或類似納克模板做到這一點 - <div ng-bind-template="'../templates/footer.html'"></div> 都將解決你的問題。