带有角度2的打开图[重复]

Question

我在使用 Angular 2 构建的 SPA 方面有点挣扎。

我有一个物品清单。当我点击某个项目时，应用会显示详细信息，包括标题、描述和图片。

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

这就是问题所在：如果有人复制 URL 并粘贴到 Facebook，详细信息（通过 API 的 json）将在 html 之后加载，并且 facebook 不会获得更新的打开图形标签。

有人遇到过这种问题吗？关于如何修复它的任何想法？

Answer 1

一些（很多？）消费者不会费心渲染你的javascript来获取你的opengraph标签。我知道的唯一两个修复是

• 静态渲染您的内容（使用 Angular-Universal 或类似工具）并将机器人和爬虫重定向到预渲染的内容
• 如果不这样做，谨慎的做法是在您的 index.html 中包含备用 opengraph 标签，这样至少您的页面在页面上有 something，即使它不是当前的 open graph 数据文章。