角度6中的元标记未按组件更新

Question

我正在尝试更新每个组件的元标记（标题，描述），因为SPA是有角度的，所以我们没有奢侈地将元标记放在每个页面的头部。 SO尝试使用angular的Meta功能来做到这一点，以便在每次组件加载时进行更新。 它显示标签已更改为所需标签，但是当我共享链接到Facebook或Twitter时，它不显示更新的标签，而是选择index.html中存在的原始标签

索引页的屏幕截图 here

细节部分的屏幕截图 here

我正在使用此库来更新元标记。

import { Meta } from '@angular/platform-browser'; 

this.meta.updateTag(
  { name: 'title', content: title },
    `name='title'`
  );
  this.meta.updateTag(
  { name: 'description', content: des },
    `name='description'`
  );
  this.meta.updateTag(
  { name: 'image', content: img },
  `name='image'`
);

Answer 1

检查此元标记。像这样使用。 working Demo