2016-12-21 2 views
0

Webアプリケーションの開発にAngularJSを使用しています。私のアプリケーションでは、私はUIルーターをルーティングの目的と親指のフォルダ構造に使用しています。AngularJS Webアプリケーションのビューページのソースのみ「index.html」のコンテンツを表示

https://www.amazon.com,https://itunesconnect.apple.comなどの角度サイトを確認しました。これらのサイトのビュー・ページ・ソースには、そのページで使用されているHTMLコンテンツが表示されます。しかし、私のアプリケーションでは、index.htmlに追加されたスクリプトのみを表示しています。私はなぜ私のアプリケーションで起こっているのかわかりません。私はこれが私のui-routerまたはフォルダ構造のためだと思う。

アプリケーションで対応するHTMLを使用してビューページのソースを作成するにはどうすればよいですか。 この問題を解決する方法を提案してください。

答えて

0

アマゾンのビューソースを見ると、angularJSというファイルとAngularJSに関連するものは見つかりません。あなたがui-viewを使用する場合は、ページがあなたのようになります

ItunesAngularJSを使用しているが、私はbodyタグを見れば、そこには多くのHTMLはありませんし、私はそこにui-viewで見ることができ、

<div id="view-wrapper" class="flexcol" ui-view></div> 

とitunesページ。 itunesheadタグの中に大量のスクリプトとその他の項目がありますが、bodyタグの要素はわずかです。

View Sourceは、最初の同期要求の一部として読み込まれたものであれば、静的なHTMLを表示します。

非同期(ajax)リクエストによって動的に追加されたコンテンツは表示されません。

ui-viewは、コンテンツを非同期にロードし、動的にHTMLを追加しているため、ビューソースで同じ内容を表示することはできません。

ChromeFirefoxIE11+などの最新のブラウザでページを右クリックすると、右クリックして[要素の検査]をクリックすると動的に追加されたコンテンツが表示されます。

まだビューソースに完全なHTMLを表示したい場合は、ui-viewを取り除き、すべての必要なhtmlを静的にする必要があります。

関連する問題