角度为2的开放图形

Question

我与使用Angular 2构建的SPA有点挣扎。

我有一个项目列表。当我点击某个项目时，该应用程序会显示详细信息，包括标题，说明和图片。

在我的details.component.ts中，在ngOnInit方法中，我从api获取详细信息（async）。加载细节后，我添加/更新操作DOM的开放图元标记。

这就是问题所在：如果有人复制网址并粘贴到Facebook，那么详细信息（通过json到API）将在html之后加载，而facebook将无法获得更新的开放图标记。

有人有这种问题吗？关于如何解决它的任何想法？

Answer 1

一些（很多？）消费者不会为了得到你的opengraph标签而烦恼渲染你的javascript。我唯一知道的两个问题是

• 静态渲染您的内容（使用Angular-Universal或类似内容）并将机器人和抓取工具重定向到预渲染内容
• 如果不这样做，那么在index.html中备份opengraph标签是明智的，这样至少你的页面在页面上有某些东西，即使它不是开放的图形当前文章的数据。