离子 - 如何为动态页面设置元标题/描述/ og：图像？

Question

有没有什么方法可以为动态页面设置元标题/描述/ og：图像？

例如，在HEADER（相同组件）中添加以下元标记

• 产品1

<meta property="og:image" content="product-1-image.png" />

• 产品2

<meta property="og:image" content="product-2-image.png" />

Answer 1

您可以使用角度提供的Title和Meta来同时更新两者。

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

...

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

...

this.meta.updateTag({ name: 'description', content: description }); 
this.title.setTitle(title);

您还可以创建服务