Angular通用服务器端渲染,元标记

问题描述 投票:3回答:1

我将网站移至Angular通用SSR,在移动期间,我遇到了一些我认为ng-universal可以解决的问题。

我想添加元标记,例如描述,关键字等(每个页面都不同。)>

使用titleService作为斜角建议效果很好,它更改了页面标题。但是,如果我进入主页,然后从那里导航到其他页面,标题没有改变,但是当我查看源代码时,我看到源代码中的更改,但是在“视图”选项卡上没有更改。如果我登陆页面(或单击刷新),则页面将使用正确的标题进行更新。

我试图在标题元标记中添加其他内容,但没有任何效果:

this.meta.updateTag( {name: "description", content: 'test1234});

this.meta.addTag({name: 'description', content: 'Content description' });

OR

using vanilaJS
 var doc = (<HTMLMetaElement>document.getElementById('description'));
doc.content = "test1234";

标头部分中的meta不变。我不知道为什么。任何帮助都可以帮助..谢谢

我将网站移至Angular通用SSR,在移动期间遇到了一些我认为ng-universal可解决的问题。我想添加元标记,例如说明,关键字等(与...

angular meta-tags angular-universal
1个回答
0
投票

要为Angular Universal-SSR设置元标记(仅在Angular 2上尝试过,应使用Renderer。要设置示例标题(或更新标题),您可以通过以下方式进行操作:Link for solution

© www.soinside.com 2019 - 2024. All rights reserved.