使用Meta(@ angular / platform-b​​rowser)更新时未检测到HTML meta标签

时间:2018-09-15 22:07:56

标签: javascript html angular angular6

我正在使用来自@ angular / platform-b​​rowser的服务Meta来在我的路线中添加有意义的meta标签。当我检查页面时,我可以看到meta标签,但是twitter或facebook并未检测到它们。 这是我所做的:

我在index.html中添加了meta标签

  <meta name="title" content="test title">

然后在我的组件中更新代码:

...
constructor(private meta: Meta, private postSearchService: PostSearchService) {}

ngOnInit(){
 this.postSearchService.getPost(this.postName).then((data) => {
  this.data = data;
  this.meta.updateTag({ name: "title", content: data.title });
 });
}

问题在于twitter和facebook无法检测到元标记:

(在这里您看不到标题,如果尝试添加图像,也会发生同样的情况)。 enter image description here

但是当我检查页面时,我可以看到<head>内的meta标签如何更新

enter image description here

我不知道该怎么办。 可能是因为自从我搜索帖子后更新了meta标签,它花费的时间太长,twitter无法检测到它?

我做错什么了吗?

0 个答案:

没有答案