Как динамически обновить метатег в ioni c? Так что это может работать в социальной сети Facebook

Question

В проекте ioni c есть только один раздел head, в который мы записываем все meta tag, которые находятся на странице index.html. Например, чтобы совместное использование Facebook работало идеально, нам нужно следующее meta tag значение:

<meta property="og:title" content="Title">
<meta property="og:description" content="description">
<meta property="og:image" content="Image Url you want to show">
<meta property="og:url" content="http://yourUrl.com">

Итак, как мы можем обновить этот метатег с других страниц? Например, если мы go перейдем на страницу news detail, то meta tag этой страницы будет изменен соответствующим образом. Так как же мне добиться этого в моем Ionic4 с проектом angular?

Answer 1

Я считаю, что вы можете сделать это так:

var link = document.createElement('meta');
  link.setAttribute('property', 'og:url');
  link.content = document.location;
  document.getElementsByTagName('head')[0].appendChild(link);