ng -inc not loading部分視圖

Question

我目前正在研究一個項目，我遇到了一些問題。無論我嘗試做什麼，ng-include都無法加載我在另一個文件夾中的部分視圖。

我想在分頁文件夾中加載view.html文件。我的文件位於與分頁文件夾相同級別的文件夾中。

這裏是我的地盤視圖片段

<div class="container"> 
    <div class="col-sm-6" id="NEWS"> 
    <div class="well" ng-repeat="info in news"> 
     <p> 
     {{info.description}} 
     </p> 
    </div> 
    <ng-include src="'/pagination/view.html'"></ng-include> 
    </div> 
</div> 

我view.html有一個單一的caption test用於測試目的。

<div ng-include src=.... 
<div ng-include=".... 
<ng-include src="'../pagination/view.html". 

似乎沒有任何工作：

我也是用這個代碼嘗試。有人知道什麼是問題？

Answer 1

我的文件位於與分頁文件夾相同級別的文件夾中。

你正在爲html模板傳遞一個錯誤的路徑。

您必須參考模板目錄，就好像您正在寫入您的index.html文件一樣。因此，不管是哪個html模板ng-include指令都存在，您必須給它一個路徑，就好像您的根是index.html所在的位置。

還嘗試避免在路徑前使用'/'。

例如

假設你遇到以下文件夾樹：

--- index.html的

--- /模板/ app.html

---/tempates /分頁/圖html的

如果你想在您的app.html的view.html那麼你會做這樣的：

<ng-include src="'templates/pagination/view.html'"></ng-include> 

我希望它有幫助。