javascript - HTML 页面 View 页面源不显示来自 angularjs 的内容加载

Question

我正在使用 angularjs 从 web 服务加载数据。我正在从 web 服务获取 JSON 数据，并使用 angularjs 指令中的 ng-repeat 将其绑定(bind)到 html 页面。

当我在页面上单击鼠标右键并单击“查看页面源代码”时成功加载页面后。

它没有显示从网络服务获取的数据。我想查看页面源中的所有数据以用于 SEO 目的。我找到了一些关于 angularjs 网站的 SEO 更改的文章，但它并没有帮助我解决我的问题。

代码片段

 <div ng-app="mainApp">
        <div data-listing>
        </div>
    </div>

我使用 angularjs 指令在上面的 div 中绑定(bind)来自 webservice 的数据。但是在页面源中，只有上面的 html 正在显示。

能否建议我更改以在查看页面源代码中显示动态数据。

Answer 1

查看源代码是服务器端而不是客户端，所以只有一种方法可以实现这一点在客户端加载页面之前生成此代码服务器端。您可以将脚本移动到页面加载之前运行(但这是一个猜测，我不确定它是否会起作用)。