您是否应该在PWA中更新元标记

Question

我有一个PWA，在投放初始页面之前，我在服务器端注入了一堆meta标签。每个页面上的meta / opengraph / json + ld标签都不同。

我的问题是...在用户浏览应用程序时更新meta标签是否有任何好处，因为它们将不再执行HTML请求-届时将全部使用AJAX。

Answer 1

是的，您必须更新这些内容。

您可以通过从@ angular / platform-b​​rowser导入元，标题来更新元标记或标题。

在组件中同时导入元数据和标题：

import { Meta, Title } from '@angular/platform-browser';

构造函数中的DI

constructor(
    private _meta: Meta,
    private _title: Title
)
{}

从Web服务收集数据后，您可以使用以下代码更新元标记和标题。

private setMetaTitle(type: string) {
       this._meta.updateTag({
         name: 'description',
         content: 'the dynamic description'
       });
       this._title.setTitle('Dynamic title');
   }

您可以像这样更新所有元标记。