我正在使用AngularJS
进行Web应用程序开发。在我的应用程序中,我使用UI路由器进行路由和yeoman文件夹结构。
我查看了其他有角度的网站,例如https://www.amazon.com,https://itunesconnect.apple.com。在这些网站中,视图页面源显示页面中使用的html内容。但在我的应用程序中,它只显示index.html中添加的脚本。我不知道为什么它在我的应用程序中发生。我认为这是因为我的ui-router或文件夹结构。
如何在我的应用程序中使用相应的HTML制作视图页面源代码。 请建议采用何种方法解决此问题。
答案 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,因此您无法在视图源中查看相同的内容。
如果您在Chrome
,Firefox
,IE11+
等任何现代浏览器中右键单击该页面,您可以右键单击并单击“检查元素”以查看动态添加的内容
如果你想在视图源中显示完整的html,你需要摆脱ui-view
并使所有必需的html保持静态。