繁体   English   中英

Angular Meta Service不添加和更新动态标签值

Angular Meta Service not adding and updating dynamic tag values

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我正在为Angular 6项目https://mypleaks.com开发SeoService。 我尝试添加和更新Meta标记,因为我的内容URL动态更改。

我能够console.log('18'+ title); console.log('19'+说明); 但是当我在addTag和updateTag标记中附加标题和描述时,仅附加了静态值('myPleaks |'),并且可以在检查此链接上的页面源时看到https://mypleaks.com/#/content/16 / Manikarnika-Teaser-Launch-Kangana-Ranaut与女孩一起庆祝-

有人可以告诉我这是什么问题。 为什么元标记未使用变量的动态值更新?

export class SeoService {

constructor(public router: Router, public meta: Meta) { }

/**
 * updateOgTitle
 */
public updateOgTitleWithURL() {
  this.resolveUrl((title: string, description: string) => {
    console.log('18 ' + title);
    console.log('19 ' + description);
    this.meta.updateTag({name: 'title', content: 'myPleaks | ' + title});
    this.meta.updateTag({name: 'description', content: description});
    this.meta.addTag({property: 'og:title', content: 'myPleaks | ' + title}, true);
    this.meta.addTag({property: 'og:description', content: description}, true);
  });
}

/**
 * resolveUrl
 */
public resolveUrl(cb) {
  const state: RouterState = this.router.routerState;
  const snapshot: RouterStateSnapshot = state.snapshot;
  const url = snapshot.url;
  const title = url.substring(url.lastIndexOf('/') + 1, url.length);
  cb(title, title);
}  }

我也在服务器控制台的日志下面,这与某种原因有关吗?

headers: HttpHeaders { normalizedNames: Map {}, lazyUpdate: null, headers: Map {} },
  status: 0,
  statusText: 'Unknown Error',
  url: null,
  ok: false,
  name: 'HttpErrorResponse',
  message: 'Http failure response for (unknown url): 0 Unknown Error',
  error: 
   ProgressEvent {
     type: 'error',
     target: 
      XMLHttpRequest {
        onloadstart: null,
        onprogress: null,
        onabort: null,
        onerror: null,
        onload: null,
        ontimeout: null,
        onloadend: null,
        _listeners: [Object],
        onreadystatechange: null,
        _anonymous: undefined,
        readyState: 4,
        response: null,
        responseText: '',
        responseType: 'text',
        responseURL: '',
        status: 0,
        statusText: '',
        timeout: 0,
        upload: [Object],
        _method: 'GET',
        _url: [Object],
        _sync: false,
        _headers: [Object],
        _loweredHeaders: [Object],
        _mimeOverride: null,
        _request: null,
        _response: null,
        _responseParts: null,
        _responseHeaders: null,
        _aborting: null,
        _error: null,
        _loadedBytes: 0,
        _totalBytes: 0,
        _lengthComputable: false },
     currentTarget: 
      XMLHttpRequest {
        onloadstart: null,
        onprogress: null,
        onabort: null,
        onerror: null,
        onload: null,
        ontimeout: null,
        onloadend: null,
        _listeners: [Object],
        onreadystatechange: null,
        _anonymous: undefined,
        readyState: 4,
        response: null,
        responseText: '',
        responseType: 'text',
        responseURL: '',
        status: 0,
        statusText: '',
        timeout: 0,
        upload: [Object],
        _method: 'GET',
        _url: [Object],
        _sync: false,
        _headers: [Object],
        _loweredHeaders: [Object],
        _mimeOverride: null,
        _request: null,
        _response: null,
        _responseParts: null,
        _responseHeaders: null,
        _aborting: null,
        _error: null,
        _loadedBytes: 0,
        _totalBytes: 0,
        _lengthComputable: false },
     lengthComputable: false,
     loaded: 0,
     total: 0 } }
问题暂未有回复.您可以查看右边的相关问题.
4 使用php动态添加meta标签

在我的网站上,我有一个类别列表,我必须为它们添加meta关键字和描述。我只有一个页面,可以从数据库中检索类别。 谁能告诉我如何简化所有类别的元标记。 问候,Rekha http://hiox.org ...

5 Wordpress update_post_meta 不更新动态值

这有点奇怪,我是使用“update_post_meta”来更新Wordpress中的自定义字段。 当我运行 update_post_meta($post_id, 'Test_Field', 'Test Value'); 自定义字段更新没有问题但是当我使用它不更新的字符串值时: 非常感谢您的帮助斯图 ...

7 Meta 标签未在我的 Angular 应用程序中更新

我知道角是SPA(单页应用程序)和所需的SSR(服务器端渲染)用于更新meta标签..我试图ng add @ng-toolkit/universal ,但我有一个空的错误,它不创建或更新文件。 . 这是我更新元标记的方式 注意在我的检查元素中,我可以看到我的元标记正在更新,但在视图源中看 ...

8 在 .net 核心中使用 angular 更新 og/meta 标签

我正在尝试添加 og 标签,facebook 将根据我在网上找到的内容添加 og 标签,听起来 angular Universal 现在已合并到 angular 中,并且应该能够通过使用平台浏览器库来做到这一点。 我开始了一个全新的 .net 核心项目,有 angular 支持。 它创建了 3 个 ...

9 Angular 4 Meta:动态添加http-equiv

我试图使用Angular 4(5)动态添加一个meta标签,特别是以下标签: 所以在Angular中,我正在这样做: 但是,上面的代码使'http-equiv'不带连字符,如下所示: 如何使Angular呈现适当的http-equiv元标记属性? ...

10 如何将Meta标签动态添加到页面?

我有一个网站,网站上的产品页面是根据数据库中的itemws动态创建的。 该网站运行正常,没有错误。 我现在想将Meta标签添加到标题中。 创建页面时,我想动态/以编程方式设置该页面的元标记-关键字等。 如何在Visual Studio 2008中使用VB.Net来添加它们。如果对 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM