角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的新元服務？這樣，您就可以在運行時更新的meta標籤：https://angular.io/api/platform-browser/Meta

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