2016-03-31 14 views
0

どうしたのですか?私は、NG-含まを含め、すべてのバリエーションを試してみました、それは(それがコンソールで404を返し続ける)ファイルを含めていない、次のようにディレクトリの場所は次のとおりです。Angular ng-include issues

-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ファイルの中に含まれています。また、私はDOMにNG-アプリを持つ対使用しています:

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

私は過去に、角度で働いている、そしてこのような単純なタスクはとても長い時間がかかっているとき、私は途方に暮れています。また、私は

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

を使用し、同じディレクトリにnavigation.tpl.htmlからHTML縮小さの文字列を入れたときに、それだけで正常に動作します(私はテンプレートの場所から$templateCache.get()またはrequire()を使用している場合、それは動作しません、注意してください)しかし、HTMLの文字列がキャッシュから引き抜かれているので、1つのファイルを更新して、縮小されたコードを使用する必要があります。

私が何かを見逃してしまった場合は、あらかじめご迷惑をおかけして申し訳ありませんが、私はこれを行うには急いでおり、それはただ機能していない最も単純なものでなければなりません。

+0

で「Navigation.tpl.html」を求めることができます

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

そうすれば、あなたは、ファイルへの完全な(間違った)パスで受信されているエラーを添付してもらえますか?時にはスラッシュの質問 –

+0

あなたは 'navigation.tpl.html'を含んでいますが、上に' Nav.tpl.html'というファイルがあります。 – Tomer

+0

申し訳ありませんが、navigation.tpl.htmlです。 – TGarrett

答えて

1

は、あなたのバンドルにそれを要求することにより$ templateCacheで正しいキーを使用してテンプレートをプリロードする必要がありhttps://github.com/WearyMonkey/ngtemplate-loader

を見てみましょう。あなたがng-includetemplateUrl

+0

それは、あなたの命の味わいです! – TGarrett