AngularJS Web应用程序视图页面源仅显示“index.html”内容

时间:2016-12-21 05:31:51

标签: javascript html angularjs uiview angular-ui-router

我正在使用AngularJS进行Web应用程序开发。在我的应用程序中,我使用UI路由器进行路由和yeoman文件夹结构。

我查看了其他有角度的网站,例如https://www.amazon.comhttps://itunesconnect.apple.com。在这些网站中,视图页面源显示页面中使用的html内容。但在我的应用程序中,它只显示index.html中添加的脚本。我不知道为什么它在我的应用程序中发生。我认为这是因为我的ui-router或文件夹结构。

如何在我的应用程序中使用相应的HTML制作视图页面源代码。 请建议采用何种方法解决此问题。

1 个答案:

答案 0 :(得分:1)

如果我查看亚马逊的观看源,我找不到任何angularJS个文件以及与AngularJS相关的任何内容。

Itunes正在使用AngularJS,但是如果我查看正文标记,则没有太多HTML,我可以在那里看到ui-view

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

如果您使用ui-view,该页面将与您的页面相同。 itunes head标记中包含大量脚本和其他项目,但body标记中只包含少量元素。

View Source将显示静态html,无论是作为初始同步请求的一部分加载的。

并且不会显示异步(ajax)请求动态添加的任何内容。

由于ui-view正在异步加载内容并动态附加html,因此您无法在视图源中查看相同的内容。

如果您在ChromeFirefoxIE11+等任何现代浏览器中右键单击该页面,您可以右键单击并单击“检查元素”以查看动态添加的内容

如果你想在视图源中显示完整的html,你需要摆脱ui-view并使所有必需的html保持静态。