Angular js动态爬虫不工作

Question

当我使用meta标记共享我的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)