AngularJs では、これを行うことができます。
<header data-ng-include="views/header.html"></header>
私の知る限り、クライアントから非同期にダウンロードviews/header.htmlし、それをテンプレートとして解釈します。
これに遭遇したのはかなり悪い usex の経験だけだったので、それを使用する正当な動機があるかどうかを尋ねたいと思います。私は黒い Twitter Bootstrap ヘッダーを持っています。これにより、ヘッダーが少し遅れて表示されるため、他のすべてのコンテンツが表示されると、ユーザーの目を「ヒット」します。
その上、304 の場合でも、毎回要求を実行します。
ng-include を使用して、再利用される一部の HTML を分離することができます。data-ng-include をスコープの変数にバインドし、ng-view で得られるものと同様にビューを変更し、$ を使用することもできます。 routeProvider 構成。
リロードの試行と変更されていない応答の表示については、完全にはわかりません。ng-include は通常のページと同じキャッシング ルールの下で動作すると思いますが、AJAX リクエストを行うため、おそらく何かが異なると思います。
on-loadのプロパティに公開カウンターを追加することで、読み込みを同期させることができるはずですng-include。そして、カウンタが増加して によってロードされたテンプレートの数になるのを待ち、ng-includeすべてのテンプレートがロードされた後、他のロジックを続行できます。
を使用することには確かにいくつかの利点がありますng-include。たとえば、 と一緒に使用してng-switch、テンプレートを条件付きで読み込むことができます。また、モデルを現在のスコープから分離する場合は、子スコープも自動的に作成されます。
それがいくつかの光を当てることができることを願っています。