小编Dha*_* G.的帖子

Angular 6:使用 og:description 标签在 Facebook 上共享页面时,动态元标签不起作用

我想使用 API 调用在元标记中设置动态信息。当我通过检查进行检查时,它将显示更新的数据,但当我在 Facebook 上共享链接时,它不会反映更新的数据。

\n\n

索引.html

\n\n
  <meta name="description" content="Create and share your biography">\n  <meta name="og:url" content="window.location.href"> \n  <meta name="og:title" content="TEACHERLIFE -SPANISH LESSONS">\n  <meta name="og:description" content="So I\xe2\x80\x99m in my classroo...">\n
Run Code Online (Sandbox Code Playgroud)\n\n

在组件.ts中:

\n\n
import { Meta, Title } from \'@angular/platform-browser\';\n constructor(private metaService: MetaService,\n    private meta: Meta,) {}\n  ngOnInit() {\nthis.meta.updateTag( {name: \'og:description\', content:"testdescription"});\n}\n
Run Code Online (Sandbox Code Playgroud)\n

dynamic meta-tags angular angular5 angular6

6
推荐指数
1
解决办法
3905
查看次数

标签 统计

angular ×1

angular5 ×1

angular6 ×1

dynamic ×1

meta-tags ×1