我正在以角度5创建我的网站
我的网页上有主页,商店和类别
最初,我决定在网站上保持页眉和页脚的全球性。
我的意思是创建页眉和页脚组件并将它们用作指令
<app-header></app-header>
<app-homepage></app-homepage>
<app-header></app-header>
<app-header></app-header>
<app-stores></app-stores>
<app-header></app-header>
<app-header></app-header>
<app-categories></app-categories>
<app-header></app-header>
我正在尝试使用页面的元信息,例如我的数据库中的页面标题,元关键字。
对于主页,这是可能的。
对于商店和类别,我很困惑如何使用页面标题,元关键字。
例如:
`<html>
<title>{{ homepage.title }}</title>
<meta keywords = {{ homepage.meta_keywords }}>
</html>`
以上内容适用于主页。
但对于商店和类别,它将根据页面进行更改。
如何根据页面
更改标题和元关键字,需要一个解决方案喜欢商店:
`<html>
<title>{{ storepage.title }}</title>
<meta keywords = {{ storepage.meta_keywords }}>
</html>`
答案 0 :(得分:1)
你应该使用Angular 5 Title
&amp; Meta
服务。它在Angular 5中开箱即用,所以你可以:
constructor(private meta: Meta,
private title: Title) {
}
ngOnInit() {
this.title.setTitle(pageTitle);
this.meta.updateTag({property: 'og:description', content: pageDescription});
this.meta.updateTag({property: 'twitter:card', content: 'summary'});
......
}
答案 1 :(得分:0)