Angular 4 - 动态添加元标记不起作用

时间:2017-11-03 09:38:52

标签: html angular meta-tags

我正在使用Angular 4的Meta服务 -

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

 constructor(private _router: Router,
    private _meta: Meta) {
 }

afterRequestSuccess(){
    this._meta.addTag({ property: 'og:description', content: "desc comes from api response" });
    this._meta.addTag({ property: 'og:image', content: "Image path comes from api resonse" });
}`

我可以在google chorme开发者工具中看到添加的标签,但我正在尝试使用facebook Graph Object Debugger https://developers.facebook.com/tools/debug/og/object该时间未在调试器响应列表中显示。

有人可以帮忙吗?提前谢谢。

1 个答案:

答案 0 :(得分:0)

需要使用 - https://universal.angular.io/

如果您想转换现有应用,请按照指定链接中的步骤操作 - https://codeburst.io/angular-server-side-rendering-using-angular-cli-bbde0c0eefe9