我正在使用来自@ angular / platform-browser的服务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无法检测到元标记:
(在这里您看不到标题,如果尝试添加图像,也会发生同样的情况)。
但是当我检查页面时,我可以看到<head>
内的meta标签如何更新
我不知道该怎么办。 可能是因为自从我搜索帖子后更新了meta标签,它花费的时间太长,twitter无法检测到它?
我做错什么了吗?