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的新Meta服务吗？这样您就可以在运行时更新元标记：https://angular.io/api/platform-browser/Meta

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