Angular js动态爬虫不起作用

Question

当我使用显示的元标记静态数据共享我的 Web 应用程序时

 <!-- Dynamic data -->
 <meta name="author" content="{{ author.name }}" />
  <meta property="og:description" content="{{ title.description }}" />
  <meta property="og:title" content="{{ dynamictitle.name }}" />
  <meta property="og:image" content="{{ dynamictitle.image }}" />
  <!-- Static Data -->
    <meta name="author" content="authorname" />
  <meta property="og:description" content="A description of the post." />
  <meta property="og:title" content="The post title" />
  <meta property="og:image" content="images/img.jpg" />

但使用动态数据时不起作用。

Answer 1

您是否正在使用来自@angular/platform-browser 的新元服务？这样您就可以在运行时更新元标记：https://angular.io/api/platform-browser/Meta

添加元服务后，您可以使用this.metaservice.updateTag('og:title', dynamictitle.name)