2017-07-01 4 views
0

ng-includeについて学び、テンプレートとして使用しましたが、ページを含めることができません。ng-includeを使用してテンプレートが読み込まれない

のindex.htmlとmenu.htmlが同じディレクトリとmenu.htmlであるが、私はindex.htmlの中にアプリの名前が含まれているindex.htmlを

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

にロードされます。 headerとfooterの間にmenu.htmlを含めたいと思います。だから私は、私が含めるしたいコンテナのdivを除いてmenu.htmlのすべてを削除しました。リンクとリファレンスもindex.htmlに正しく設定されています

私は本当にここで立ち往生しています。私を助けてください!ありがとう。

編集:ここでは は私のプロジェクト構造である -

Project- 
     app- 
      fonts-... 
      images-... 
      scripts- 
        app.js 
        controllers.js 
        services.js 
      styles-... 
      index.html 
      menu.html 
     ... 

編集-2

ちょうど私がすなわちクロムからFirefoxのには、私のブラウザを変更すると、それがロードすることを私を発見首尾よく!これはなぜ起こっているのですか?

+0

あなたは '' – Maher

+0

@Maherが試したように 'ng-include'を試してください。まだ同じ。 – Shirish

+0

これでアプリの構造を見てみましょう。質問に追加して質問を改善できますか? – Maher

答えて

0

ウェブサーバーを使用していますか? https://docs.angularjs.org/api/ng/directive/ngInclude

また、ブラウザの同一生成元ポリシーとクロスオリジン リソースの共有(CORS)政策がさらに テンプレートが正常にロードされているかどうかを制限することができるから

。たとえば、すべてのブラウザで ドメイン間リクエスト、一部の ブラウザでfile://アクセスでngIncludeが機能しません。

+0

はい、これが問題でした。ブラウザを変更した後にうまくいきました。私はこの分野では新しいので、あなたは何が起こったのか簡単な方法で説明することができますか? firefoxがしていたのに対し、なぜchromeはうまくいかなかったのですか?そんなことは見つけにくいので、将来は何を心に留めておくべきですか? – Shirish

関連する問題