2016-03-31 67 views
0

那麼我做錯了什麼?我包括NG-包括和想盡變化,它是不包括文件(它保持在控制檯返回404),該目錄位置如下:Ang ng包含問題

-App 
--Layout 
---Partials 
----Navigation.tpl.html(File) 
--Layout.tpl.html(File) 

而且,包括NG位於該layout.tpl.html文件:

<div data-ng-include="'layout/partials/Navigation.tpl.html'"></div> 

請注意,我用的WebPack這個項目(即不應該的問題)。我打電話layout.tpl.html文件作爲基本佈局,部分包含在layout.tpl.html文件中。另外,我使用VS其對DOM一個NG-應用:

angular.element(document).ready(() => { 
    angular.bootstrap(document, ["app"]); 
}); 

我曾與角在過去的工作,我很茫然,當這樣一個簡單的任務花費這麼長的時間。還要注意,當我使用

$templateCache.put('..','..') 

,放在HTML精縮字符串從navigation.tpl.html與同一目錄下,它工作得很好(但如果我用$templateCache.get()require()從模板的位置,這是行不通的),但HTML字符串正在從緩存中提取,我希望能夠更新一個文件而不必使用縮小的代碼。

對不起,如果我錯過了一些東西,我很急於完成這件事,它應該是最簡單的事情,只是不工作。

+0

問「Navigation.tpl.html」你能附上您與完整的(錯誤)的文件路徑收到的錯誤?有時是斜線的問題 –

+0

您正在加入'navigation.tpl.html',但是您提到的頂端文件名爲'Nav.tpl.html' – Tomer

+0

對不起,它是navigation.tpl.html。 – TGarrett

回答

1

看看https://github.com/WearyMonkey/ngtemplate-loader

你應該要求它在你的捆綁與預裝在$ templateCache正確的密鑰你的模板。

require('ngtemplate?module=[xx]&relativeTo=/layout/partials/!./layout/partials/Navigation.tpl.html'); 

這樣,你可以在ng-includetemplateUrl

+0

就是這樣,你是一種生活品味! – TGarrett