HTML页面查看页面来源未显示来自angularjs

Question

我正在使用angularjs来加载来自webservice的数据。我从webservices获取JSON数据，并使用angularjs指令中的ng-repeat将其绑定到html页面。

当我右键单击页面上的鼠标并单击视图页面源时，页面加载成功。

它没有显示来自Web服务的数据。我希望查看页面源中的所有数据用于SEO目的。我找到一些关于angularjs网站的SEO变化的文章，但它没有帮助我解决我的问题。

代码段

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

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

您能否建议我在视图页面源中显示动态数据的更改。

Answer 1

查看源代码是服务器端而不是客户端，因此只有一种方法可以实现此目的 在客户端加载页面之前生成此代码服务器端。 您可以将脚本移到页面加载之前运行（但这只是一个猜测，我不确定是否可以运行）。