私はjavascriptが新しくなっています。私はheader.htmlファイルに共通のヘッダーを持つシンプルなWebサイトを作っています。これをng-includeのサイトの各ページに含めました。header.htmlにng-includeが追加されました。遅くとも
私の問題は、ページの内容が最初に読み込まれ、その後、残りのページがプッシュされるということです。ヘッダーを最初にロードする方法はありますか？
おかげ
編集：私も同じ問題を抱えているフッターが含まれます。
PHPインクルード経由でヘッダを追加しようとしましたか？
<?php include 'header.html'; ?>
私のウェブサイトで最も効率的な方法を見つけ出し、フッターでも同じことをしました。
これはangular.jsの解決策ではありません。 AngularはPHPサーバーだけでなく、多くのプラットフォーム上で動作することができます。質問は、サーバー側のオプションではなく、クライアント側のオプションに関するものです。 – Claies
私はサーバー側のないウェブサイトを作っています。ヘッダーファイルとフッターファイルを追加するだけの価値がありますか？ – JuanLanuza
あなたは
<div ng-include src="'views/header.html'"></div>
ヘッダ形式の外部ビューをロードしてからアプリの残りの部分、あなたはヘッド部
ng-includeが動作します。問題は、ページの主な内容が最初に読み込まれ、ヘッダーが表示されたときに残りのページがプッシュダウンされるという問題です。 – JuanLanuza
ヘッダーがロードされた後に角度モジュールに手動で初期化することができます [ここ]（https://docs.angularjs.org/guide/bootstrap） – abdoutelb
であなたの角度refrenceを置くことができ気づくことができますが、あなたは 'jsfiddle作成したり、簡単に –
をデバッグするcodepenことができますng-include'は非同期で、主な内容の後にロードされることがあります。一般的な解決法は、 'run'ブロックにテンプレートをロードし、そのテンプレートをテンプレートキャッシュに挿入することです。 https://docs.angularjs.org/api/ng/service/$templateCache#!/ – Claies