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

Question

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

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该时间未显示在调试器响应列表中。

有人可以帮忙吗？提前致谢。

Answer 1

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

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