ionic-framework - Ionic - 如何设置元标题/描述/og :image for dynamic page?

Question

有没有办法为动态页面设置元标题/描述/og:image？

例如在HEADER中添加如下meta标签(同一个组件)

• 产品 1

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

• 产品 2

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


Answer 1

您可以使用 angular provide 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);

你也可以创建一个服务