NodeJS 如何在Angular中处理服务器端渲染(ssr)的动态 meta标记?

jfewjypa  于 2023-03-22  发布在  Node.js
关注(0)|答案(1)|浏览(129)

我正在尝试使用nguniversal包在angular应用程序中渲染标题, meta,描述标签数据中的动态数据,但我找不到正确的文档如何使用它。有人可以帮助我吗?
我试图按照https://www.positronx.io/angular-seo-set-dynamic-page-title-meta-tags-in-universal-app/这个文件,但它不是很清楚找到解决方案。

kqlmhetl

kqlmhetl1#

你需要将 meta和Title注入到你的组件/服务/解析器中,然后用途:this.meta.addTag({name: key, content: value})完整示例:

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

...

 constructor(private meta: Meta,
             public title: Title) {
 this.initMetaForMyPage()
  }

 private initMetaForMyPage() {
  this.meta.addTag({name: 'description', content: 'my custom description'});
  /*... any other meta tags that u need to set */
  this.title.setTitle('my current page title');
 }

我建议在从API接收数据后,在解析器中设置所有 meta。

相关问题