Я пытаюсь поделиться определенной веб-страницей моего проекта angular 9 на Facebook, используя этот общий URL:
<a target="_blank" href='{{ "https://www.facebook.com/sharer/sharer.php?u="+recipeDetails?.web_link }}'>
Я также обновляю метатеги в компоненте с помощью Meta:
this.metaService.updateTag({ property: "og:title", content: "Title goes here"});
this.metaService.updateTag({ property: "og:description", content: "Description goes here"});
this.metaService.updateTag({ property: "og:url", content: "Url goes here"});
this.metaService.updateTag({ property: "og:image", content: "Image url goes here"});
Веб-страница показывает мне метатеги, когда я проверяю элементы в браузере. Но поскольку angular - одностраничное приложение, браузер показывает мне исходные метаданные, назначенные из index. html, пока я просматриваю исходный код страницы из браузера. В результате, когда я делюсь определенной веб-страницей на Facebook, предварительный просмотр общего доступа Facebook показывает мне исходные метаданные, которые назначаются из index. html, кроме обновленных метаданных.
Мой вопрос: как Могу ли я показать свои обновленные метаданные в предварительном просмотре Facebook?