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

Question

我有一个 PWA，在提供初始页面之前，我在服务器端注入了一大堆元标记。每个页面的 meta/opengraph/json+ld 标签都不一样。

我的问题是......当用户浏览应用程序时更新元标记有什么好处，因为他们不再执行 HTML 请求 - 届时将全部是 AJAX。

Answer 1

是的，你必须更新那些。

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

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

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

构造函数中的DI

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

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

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

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