Ionic-如何为动态页面设置元标题/描述/ og：image？

Question

是否可以通过任何方式为动态页面设置元标题/描述/ og：image？

例如，在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);