Javascript 角度+；动态元标记

我正在使用Angular4，并且有一个可以显示图像的应用程序：

（假）URL示例：

• 等

加载其中一个URL时：

网站被下载

应用程序（角度）启动

它向后端发出一些查询，并在1或2秒后，angular接收有关图像的信息：

• 图像/表格

  将显示

  https://path/to/table123.jpg

  或

• 图像/椅子

  将显示

  https://path/to/chairABC.png

然后，我通过调用头部中的

setMetadata（…）

来更新meta标记，正确地显示为：

因此元标记的更新工作正常

到目前为止，一切顺利。 问题在于，当共享到facebook或google plus的链接时，例如

https://example.com/images/table

，预览图像不正确，它没有拾取更新的元标记

使用还显示了相同的问题：它不显示按角度更新的标记，只显示原始标记

---

如何解决这个问题

Facebook和Google在页面首次加载时正在查找数据，他们不会在应用程序查找信息并更新页面时等待

您需要创建可以共享到的静态页面（这些页面中已经有图像），将重定向回真实页面，或者需要使用Angular Universal实现服务器端渲染