Angular 带角2的开图

我正在为一个用Angular 2建造的水疗中心而挣扎

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

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

问题是：如果有人复制URL并粘贴到Facebook上，详细信息（通过API通过json）将在html后加载，Facebook将无法获得更新的open graph标记

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

一些（许多？）消费者不会为了获取opengraph标记而费心渲染javascript。我知道的唯一两个解决方法是

• 静态呈现内容（使用Angular Universal或类似的工具），并将机器人和爬虫重定向到预呈现的内容
• 如果做不到这一点，那么在index.html中使用备份opengraph标记是明智的，这样至少您的页面上有一些内容，即使它不是当前文章的opengraph数据